• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید تا کنون 6254 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

قرار دادن تولتیپ با رنگ های مختلف

25143 ۵ تیر ۹۱

:: خوب شاید قبل از همه چی بهتر باشه واسه اونایی که نمی دونن تولتیپ چیه یه توضیح کوتاهی بدم. تولتیپ (tooltip) یه ابزاری هست برای زیباسازی وبسایت یا وبلاگ های شما . حالا دقیقا چیکار می کنه این تولتیپ؟ یکی از گزینه های تنظیمات هر لینک یا تگ در صفحات وب بخش توضیحات یا title اون تگ هست یعنی اگر تو صفحتون یه کدی مثل کد زیر داشته باشید

وقتی روی لینکتون نشانگر ماوس رو نگه دارید یه چیزی مثل شکل 1 به شما نمایش داده می شه . حالا بعد از آموزش زیر می تونید توضیحات لینک خودتون رو به حالت 2 که در عکس زیر نشون داده شده در بیارید .
tooltip
:: توی اینترنت تولتیپ های زیادی وجود داره که تقریبا توی همه ی اونا یه کدی رو به استایل خودتون اضافه می کنید و برای هر لینکی یه کلاس تعریف می کنید(اگر متوجه نمیشید نگران نباشید در ادامه متوجه میشید) اما در این آموزش تنها چندتا فایل به قالبتون اضافه می کنید اونا رو فراخونی می کنید و علاوه بر اینکه نیازی به تعریف کلاس در هر لینک نیس امکان تعیین رنگ آن در هر لینک نیز وجود دارد چیزی که در تولتیپ های دیگر نمی بینیم!!!
حالا چطوری این تولتیپ رو اضافه کنیم؟
ابتدا فایل زیر را دانلود کنید و در صفحه اصلی سایت خود یا اصطلاحا روت خود آپلود کنید بعد از خارج کردن فایل از حالت فشرده باید یک فولدر به اسم colortip-1.0 داشته باشید که توش دوتا فایل هست و یه فایل به اسم script.js .

خوب حالا فقط یه مرحله از کار باقی مونده!!!
بالای قالب یا صفحه وب خود درون تگ head این چند خط رو اضافه کنید تا فایل های مربوط به تولتیپ رو لود کنید . فقط دقت کنید که در خط 2 ، 3 و 4 باید آدرس دقیق جایی که فایل ها رو آپلود کردید بزارید .

خوب حالا اگر هر تگی با ویژگی title مثل پاراگراف زیر داشته باشید توضیحات لینکوتون به حالت رنگی و جالبتر درمیاد !

تولتیپ
به همین سادگی!

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 28 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏

    سلام
    ممنون از توضیح جامعتون
    ولی میخوام توی تول تیپ عکس بیارم
    چطور باید این کارو کرد؟

  • ‏‏
    مای چاپ(۱۱ شهریور ۱۳۹۱)

    ممنون مفید بود

  • ‏‏

    عزیز می شود تمامی آموزش های موجود در سایت مانند html و جاوا اسکریپ و فتوشاپ را به ایمیلم ارسال کنی؟

    mohammad_arbaghaei@yahoo.com

    من 14 ساله از مشهد هستم هر چقدر مطالبتان را می خوانم متوجه میشم برای راهنمایی جواب را به ایمیلم ارسال کنید

    • ‏‏
      لقمان آوند(۲۴ شهریور ۱۳۹۱)

      توی خبرنامه سایت عضو شو . مطالب برات میل میشه .

  • ‏‏
    نت نیک(۲۰ آبان ۱۳۹۱)

    لینک دانلود ارور 404 میده !

  • ‏‏

    آموزش ساخت اینجور چیز ها را با استفاده از سی اس اس بذارید.عالیه 😛 😳

  • ‏‏

    سلام خسته نباشید من از این کد استفاده کردم عین کد خودتون و گذاشتم فقط همونطور که گفتید آدرس 2 3 4 و مطابق آدرس خودم گذاشتم ولی کار نمیکنه مثل شکل 1 نشون میده میشه راهنماییم کنید که مشکل از کجاست؟ممنون میشم

  • ‏‏

    یه سوال دیگه اینکه چطور میتونیم از این تم هایی که توی فایل css فایل دانلودی هست استفاده بکنیم؟ یعنی باید جایی که از تایتل استفاده میکنیم یه کلاس بهش بدیم و از اون کلاسهای css استفاده بکنیم؟

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram