آموزش های حرفه ای
مای دیزاین به عنوان یکی از تولید کنندگان محتوای آموزشی در زمینه طراحی وب و گرافیک به صورت تصویری، با کیفیت و اختصاصی در خدمت شما کاربران عزیز می باشد!
نرم افزار آندروید
طراحی و ساخت نرم افزار آندروید خدمت جدیدی است که در مای دیزاین ارائه میشود. داشتن نرم افزار برای گوشی های هوشمند امری جدید و هیجان انگیز می باشد!
طراحی وب و گرافیک
یکی از خدمات ما طراحی سایت های ایستا و پویا با جدید ترین متد های روز دنیاست. ساخت قالب هایی سبک و در عین حال زیبا، با استفاده از وردپرس، تخصص ماست!
تغییر دادن استایل تولتیپ با استفاده از جاوا

تغییر دادن استایل تولتیپ با استفاده از جاوا
سلام. یکی از دوستان در مورد تغییر استایل تولتیپ ازم پرسید. در این آموزش میتوانید تولتیپ سایت خودتون رو اونجوری که میخواید داشته باشید پس با من همراه باشید.
خوب ابتدا کمی در باره تولتیپ (tooltip) حرف بزنیم. اگه بخوام خیلی ساده بگم تولتیپ همون کادر توضیحاتی هستش که وقتی موس رو روی عکس یا لینک میبریم کنار موس باز میشه.
حالا ما میخوایم این کادر رو شخصی سازی بکنیم. دو روش برای انجام این کار هست، استفاده از CSS و استفاده از جاوا. من جاوا رو ترجیح میدم چون وقتی از CSS استفاده میکنیم تولتیپ پیش فرض هم اجرا میشه و یکم ظاهر سایت رو بهم میزنه.
برای داشت تولتیپ ابتدا فایل ضمیمه رو دانلود کنید و فولدر colortip-1.0 رو بر روی سایت خود آپلود کنید.
حالا باید فایل های جاوا رو فراخونی کنیم. کد های زیر رو بین تگ head کپی کنید.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/
۱٫۴٫۲/jquery.min.js"></script>
<script type="text/javascript" src="colortip-1.0/colortip-1.0-jquery.js"></script>
<script type="text/javascript" src=" colortip-1.0/script.js"></script>
<link rel="stylesheet" type="text/css" href="colortip-1.0/colortip-1.0-jquery.css"/>

برای تغییر رنگ تولتیپ میتونید از فایل CSS موجود استفاده نمایید و اون رو تغییر بدید.

14 پاسخ به “تغییر دادن استایل تولتیپ با استفاده از جاوا”

  1. میثم گفت:

    ممنون
    اینی که آموزش دادی خوشگلتره نسبت به اون سایتی که گفتم

  2. میثم گفت:

    راسی یه چیز دیگه
    بلوک پست هام عرضش ۴۵۰ هستش
    قبلا بعضی عکسها که تو سایت میذاشتم اگه عرضشون از ۴۵۰ بیشتر بود بقیش میزد بیرون بلوک و ظاهر وب بد میشد
    با css همه عکسهارو به ۴۵۰ در ۳۰۰ زدم
    الان ظاهر قالب بهتر شده ، اما عکسهایی مثلا افقی که بذارم توی سایت اندازه شون که به افقی تبدیل میشه عکس خیلی بد میشه
    میشه یه کاری کرد که عرض عکسها بیشتر از ۴۵۰ نشه
    مثلا عکسی که عرضش ۹۰۰ هست و طولش ۱۰۰۰
    وقتی عرض به ۴۵۰ تبدیل میشه طول هم به همون تناسب تبدیل بشه

  3. میثم گفت:

    علی جان نمیخوام دقیقا ۴۵۰ بشه
    میگم از ۴۵۰ بیشتر نشه
    مثلا شاید یه عکس گذاشتم که ۳۰۰ یا ۲۰۰ بود ، اگه اینا بشن ۴۵۰ خب کیفیتشون پایین میاد

  4. میثم گفت:

    عجب آواتوری
    مرسی قربون اون سیبیلات
    width:450px; که گفتی مشکلمو راه انداخت
    امروزم خیلی مزاحمت شدم
    شرمنده و ممنون بابت امروز که هم کمکم کردی هم تحملم

  5. آرین گفت:

    تولتیپ بسیار زیبایی بود !
    و این تولتیپ به کار بردنش و فراخوانیش هم بسیار آسونه

    ممنون
    موفق باشی

  6. احد گفت:

    سلام، من می خوام توی وردپرس استفاده کنم، این پوشه رو هم توی پابلیک اچ تی ام ال و هم توی پوشه تم آپ کردم و کد رو هم توی استایل گذاشتم و توی ایندکس هم امتحان کردم اما کار نکرد، باید چیکار کنم؟

  7. احد گفت:

    باور کن کار نمی کنه، من آدرس اسکریپتها رو دقیق دادم بهش و بعد هم هر جایی گذاشتم توی وردپرس کار نکرد، میشه بگید کد رو از ادیتور قالب باید کجا قرار بدم

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آخرین محصولات فروشگاه
برخی مطالب تصادفی مای دیزاین
انتخاب خودکار نخستین تصویر به عنوان تصویر شاخص
قالب متفاوت برای ادامه مطلب هر دسته
آموزش تصویری طراحی قالب های واکنشگرا
قالب آماده HTML به زودی مای دیزاین
عدم نمایش مطالب دسته ای خاص در صفحه اصلی وردپرس
آموزش ساخت و تبدیل پترن به پترن قابل استفاده فتوشاپ