X
تبلیغات
رایتل
کدهای جاوا اسکریپت

Tooltip زیبای سی اس اس

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

 

 کد زیر را در قسمت head قالب کپی کنید 


<style type="text/css">
.tooltip:hover:after{
 background-color: #FF0000;
 border-radius: 5px;
position: absolute;
 color: #fff;
 content: attr(title);
 padding: 5px 15px;
 width: 200px;
  }
 </style>

سپس کد لینک یا عکس خود را پیدا کنید و خاصیت title  را به آن اضافه کنید  و کد قرمز را نیز به آن اضافه کنید به شکل زیر 

<a href="#" title="This is some information for our tooltip." class="tooltip">link 1</a> 


برچسب‌ها: کد تول تیپ، تول تایپ، کد جاوا، جاوا اسکریپت، Tooltip، css، سی اس اس
+ نوشته شده در  1392/05/12ساعت 10:46 ق.ظ  توسط javawebs 

نظرات (0)
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
نام :
ایمیل :
وب/وبلاگ
ایمیل شما بعد از ثبت نمایش داده نخواهد شد