کد خبر: 28

تاریخ انتشار: ۵ خرداد, ۱۳۹۰

اضافه کردن تولتیپ به قالب

امروز برای شما آموزشی آماده کرده ایم که براحتی با استفاده از فناوری  jquery قادر خواهید بود به متن خود قابلیت tooltip بدهید. این آموزش به درخواست کاربران و بشکلی ساده برای شما آماده شده است… برای شروع ابتدا فایل Header.php قالب خود را باز کنید وو کد زیر را در آن قرار دهید [php] […]

http://www.p30graph.com/wp-content/uploads/ToolTip-p30graph.jpg

امروز برای شما آموزشی آماده کرده ایم که براحتی با استفاده از فناوری  jquery قادر خواهید بود به متن خود قابلیت tooltip بدهید. این آموزش به درخواست کاربران و بشکلی ساده برای شما آماده شده است…

برای شروع ابتدا فایل Header.php قالب خود را باز کنید وو کد زیر را در آن قرار دهید

[php] <script src=’ursite/tooltip.js’ type=’text/javascript’></script> [/php]

دقت کنید بجای ursite آدرس سایت خود را جایگزین کنید

سپس فایل css باز کرده و کد های استایل زیر را در حل مناسب قرار دهید

[php]
#tooltip{
position:absolute;
border:1px solid #000000;
-moz-border-radius: 5px;
background-color:#292929;
opacity:0.8;color:#FFFFFF;
display:none;font: 11px Tahoma ;
padding:10px 10px 10px 10px;
text-align:center;
margin-top:30px;
margin-right:00px;
} [/php]

اکنون با استفاده از کد زیر به لینک و مطلب مورد و دلخواهتان قابلیت تولتیپ بدهید

[php]<a class=’tooltip’ href=’http://www.p30graph.com’ title=’متن مورد نظر’>urtitle</a>[/php]

ارسال دیدگاه

)
    is typing...

    ما همیشه همراه شما هستیم .

    ارسال پیام لغو