کد تولتیپ زیبایی را هم اکنون میتوانید از یک لرن دریافت کنید آیا دیده اید که وقتی موس روی لینکی میرود یک باکس کنار ان ایجاد میشود که دارای استایل زیبایی است و توضیحاتی را به شما میدهد , این یک کد تولتیپ است هم اکنون کد تولتیپ را که با تکنولوژی جاوا اسکریپت و سی اس اس ساخته شده میتوانید از یک لرن دریافت کنید پیش نمایش را مشاهده کنید و سپس برای دریافت به ادامه مطلب بروید …
این کد را میتوانید طبق توضیحات زیر ویرایش کنید ولی ابتدا این را بگوییم که این تولتیپ موقعی اجرا میشود که عکس یا لینک شما دارای شناسه title
باشد سپس این شناسه را که دارا بود متن آن در این تولتیپ نمایش داده میشود
کد زیر را قبل از </head> در ویرایش قالب خود قرار دهید .
توضیحات لازم برای ویرایش :
1- برای تغییر میزان نرم شدن گوشه ها در خط پنجم مقدار عددی را تغییر دهید .
2- برای تغییر رنگ متن مقدار رنگ خود را در خط نهم به جای white جایگزین کنید .
3- برای تغییر فونت باید مقدار موجود در خط دهم را تغییر دهید .
4- برای تغییر اندازه فونت مقدار عددی خط یازدهم را تغییر دهید .
5- برای تغییر سایه متن مقدار های موجود در خط دوازدهم را ویرایش کنید
6- برای تغییر سایه کادر مقدار های موجود در خط 23 را تغییر دهید .
7- برای تغییر رنگ کادر دور کد رنگ موجود در خط 24 را عوض کنید .
8- برای تغییر رنگ پس زمینه این تولتیپ مقدار رنگ موجود در خط 25 را ویرایش کنید
<script src="http://dl.1learn.ir/admin/posts/tooltip1/tooltip1.js"></script> <script type="text/javascript"src="http://dl.1learn.ir/admin/1learn/1learn.js"></script> <style type="text/css"> div#qTip { border-radius: 7px; position:absolute; text-align:center; padding:2px; color:white; font-family:tahoma; font-size:11px; text-shadow:1px 1px 1px #CCCCCC; display:none; -moz-box-shadow:2px 2px 0 #CCCCCC; position:absolute; margin-top:10px; margin-bottom:10px; margin-left:10px; padding: 5px; filter:alpha(opacity=85); direction: rtl; max-width: 180px; box-shadow: 0 0 1px black; border: 1px #660646 solid; background: #e64160; z-index: 10000; text-direction:rtl; } </style>
واسه من کار نمیکنه 🙁
با سلام
اگه پیشنمایش رو ببینید کار میکنه
خیلی ممنون یکجا اشتباه داشتم که رفع شد مرسی از سایت عالیتون
تشکر♥
سلام علیکم. خیلی کد خوب و قابل فهمی رو قرار دادید. فکر کنم یادتون رفت توی خط 24 قبل از کد رنگ، # بزارید. موفق باشید
سلام متشکرم
خب شما بزار 🙂
سلام محمد جان ؛
تشکر از شما ، اصلاح شد
خیلی دنبالش بودم ممنون.
قربان شما عزیز
شناسه ی title دیگه چیه؟ هیچ موقع اجرا نمی شه!!
سلام زمانی که شما ماوس رو روی یه لینک یا تصویری که شناسه title داره قرار بدید یه کادر سفیدرنگ کنار اشاره گر ماوس نشون میده که حاوی متنیه که شما واسه مقدار title قرار دادید