کد تولتیپ

کد تولتیپ زیبایی را هم اکنون میتوانید از یک لرن دریافت کنید آیا دیده اید که وقتی موس روی لینکی میرود یک باکس کنار ان ایجاد میشود که دارای استایل زیبایی است و توضیحاتی را به شما میدهد , این یک کد تولتیپ است هم اکنون کد تولتیپ را که با تکنولوژی جاوا اسکریپت و سی اس اس ساخته شده میتوانید از یک لرن دریافت کنید پیش نمایش را مشاهده کنید و سپس برای دریافت به ادامه مطلب بروید …

پیش نمایش
 

مثل همیشه توضیحات این کد رو برای شما میگوییم
این کد را میتوانید طبق توضیحات زیر ویرایش کنید ولی ابتدا این را بگوییم که این تولتیپ موقعی اجرا میشود که عکس یا لینک شما دارای شناسه 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>

فرادرس

برچسب ها : ، ، ، ، ، ،