7 پاسخ برای این موضوع

[sahar19]

دوستان میخوام تایتل ها داخل سایتم دقیقا شبیه همین سایت یعنی http://www.datalifeengine.ir/ نمایش داده بشن

باید چیکار کنم که استایل همش عوض بشه و به محض اینکه موس هم رفت روش سریع نمایش داده بشه مثل همین سایت؟؟؟؟

[mihanmode]

sahar19,

کدهای زیر رو به قالب پیوست کن :

JS :

var qTipTag="a,label,input,img";var qTipX=0;var qTipY=22;tooltip={name:"qTip",offsetX:qTipX,offsetY:qTipY,ti

p:null};tooltip.init=function(){var c="http://www.w3.org/1999/xhtml";if(!d){var d="qTip"}var g=document.getElementById(d);if(!g){g=document.createElementNS?d

ocument.createElementNS(c,"div"):document.createElement(

"div");g.setAttribute("id",d);document.getElementsBy

TagName("body").item(0).appendChild(g)}if(!d

ocument.getElementById){return}this.tip=document.getElementById(this.nam

e);if(this.tip){document.onmousemove=function(a){tooltip.mov

e(a)}}var k,l,b;var h=qTipTag.split(",");for(var e=0;e<h.length;e++){b=document.getElementsByTagName(h[e])
;
;;if(b){for(var f=0;f<b.length;f++){k=b[f];l=k.getAttribute("title"&
amp;
#41;;if(l){k.setAttribute("tiptitle",l);k.removeAttribut

e("title");k.removeAttribute("alt");k.onmou
seover=function(){tooltip.show(this.getAttribute("tiptitle&a
mp;#
34;))};k.onmouseout=function(){tooltip.hide()}}}}}}

;tooltip.move=function(b){var a=0,c=0;if(document.all){a=(document.documentElement&&docume

nt.documentElement.scrollLeft)?document.documentElement.scrollLeft:docum

ent.body.scrollLeft;c=(document.documentElement&&document.documentEl

ement.scrollTop)?document.documentElement.scrollTop:document.body.scroll

Top;a+=window.event.clientX;c+=window.event.clientY}else{a=b.pageX;c=b.pageY}thi

s.tip.style.left=(a+this.offsetX)+"px";this.tip.style.top=(c

+this.offsetY)+"px"};tooltip.show=function(a){if(!this.t

ip){return}this.tip.innerHTML=a;this.tip.style.display="block"};tool

tip.hide=function(){if(!this.tip){return}this.tip.innerHTML="
;
;";this.tip.style.display="none"};window.onload=function(&a
mp;#
41;{tooltip.init()};

CSS:

#qTip{display:none;position:absolute;text-align:justify;direction
8;rtl;opacity:0.6;border:1px
solid #aaa;max-width:240px;background:#161616;padding:4px
8px;color:#fff;color:#FFF;-webkit-border-radius:5px;-moz-border-radi

us:5px;border-radius:5px;box-shadow:0px 0px 1px #161616;-webkit-box-shadow:0px 0px 1px #161616;-moz-box-shadow:0px 0px 1px #161616;z-index:100}

[sahar19]

mihanmode,

با تشکر از شما کد بالارو به صورت تگ اسکریپت به main,tpl اضافه کردم و کد استایل رو هم اضافه کردم ولی هیچ تغییری نکرد.کش مرورگر هم خالی کردم

[mihanmode]

sahar19,

1- کد js رو در انتهای فایل : templates/{THEM}/js/libs.js
2- کد css رو انتهای فایل : templates/{THEM}/style/styles.css

قرار دهید

اگر نشد :آدرس سایت رو لطفا قرار دهید...

[sahar19]

mihanmode,

http://www.bia2roman.com/the-same-was/201-chapter-five.html

روی تصویر الان تایتله
اینم فایلی که اضافه کردم

<script type="text/javascript" src="{THEME}/js/sahar.js"></script>

[mihanmode]

sahar19,

من که همینو روی سایت خودم دارم استفاده میکنم بهر حال میتونید توی گوگل هم سرچ کنید : qTip

[sahar19]

mihanmode,

خیلی خیلی ممنونم

تو این ادرس رفتم و اوکی شد رو لوکال تست کردم.متشکرم...

http://moisrex.rozblog.com/tag/%DA%A9%D8%AF+%D8%AA%D8%A7%DB%8C%D8%AA%D9%84

تاپیکو ببندید

[IMP]

احیانن شماها تصمیم ندارید از تگ CODE استفاده کنید و کد ها رو داخل اون قرار بدید؟