یک تول تایپ ساده تمام css برای شما دوستان آماده کرده ام این کد از خاصیت تایتل هم استفاده می کند به صوری که شما کافیست به لینک یا عکس خود این تول تایپ زیبا اجرا خواهد شد
![](http://up.goldnegar.ir/up/goldnegar/tooltip.gif)
کد زیر را در قسمت 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>