وضعیت مشکل :
عنوان تایپک :

یه در خواست (مثل انجمن تک دختر)

سلام !

ببخشید من میخوام تو انجمنم وختی موس رو ببری روی یه نوشته کنار یه موس کادری باز بشه و عنوان پست رو نشون بده !

مثل انجمن تک دختر

سپاس
پاسخ های کاربران 7
تعداد ارسال ها : 2,063
ارسال: 2
سلام
منظورتون تولتیپ هست ؟
یه شات قرار بدید

image
تعداد ارسال ها : 592
ارسال: 3
بله منظورم همونی هستش که وختی موس رو میبریم روی تصویر گروه کاربری یا موضوعذو غیره بغلش یهکادر میاد و توضیح کامل میثه
تعداد ارسال ها : 2,063
ارسال: 4
از این نمونه ها استفاده کنید :
مجموعه بهترین Tooltipها

image
تعداد ارسال ها : 592
ارسال: 5
ببخشید میشه بگیرد که با اونا دقیقا باید چیکار کنیم؟؟
معذرت که سرتون رو درد میارم!
تعداد ارسال ها : 217
ارسال: 6
ببخشید ادرس یه سایت دیگه میزارم ولی من مای بی بی داشتم از این اموزشا واس تولتیپ استفاده میکردم

http://my-bb.ir/Thread-%D8%A2%D9%85%D9%8...B%8C%D9%BE



http://my-bb.ir/Thread-%D8%A2%D9%85%D9%8...B%8C%D9%BE


http://my-bb.ir/Thread-Tooltip-%D8%A8%D9...B%8C%D9%BE
تعداد ارسال ها : 166
ارسال: 7
شما اگر دقیقا اون شکلی می خواد براتون تا 10 دقیقه دیگه می زارم این توتلیپ ساحت حمید رضا وفائیان است
تعداد ارسال ها : 166
ارسال: 8
طراح: حمید رضا وفائیان

اول این کد رو داخل(قالب ها و پوسته ها  » قالب ها » قالب مورد نظر » تنظیمات دسته بندی نشده » headerinclude)

<script>var qTipTag="a,label,input,span,img,textarea";var qTipX=0;var qTipY=10;tooltiphamid={name:"qTip",offsetX:qTipX,offsetY:qTipY,tip:null};tooltiphamid.init=function(){var e="http://www.w3.org/1999/xhtml";if(!t){var t="qTip"}var n=document.getElementById(t);if(!n){n=document.createElementNS?document.createEl​ementNS(e,"div"):document.createElement("div");n.setAttribute("id",t);document.getElementsByTagName("body").item(0).appendChild(n)}if(!document.getElementById)return;this.tip=document.ge​tElementById(this.name);if(this.tip)document.onmousemove=function(e){tooltiphami​d.move(e)};var r,i,s;var o=qTipTag.split(",");for(var u=0;u<o.length;u++){s=document.getElementsByTagName(o);if(s){for(var a=0;a<s.length;a++){r=s[a];i=r.getAttribute("title");if(i){r.setAttribute("tiptitle",i);r.removeAttribute("title");r.removeAttribute("alt");r.onmouseover=function(){tooltiphamid.show(this.getAttribute("tiptitle"))};r.onmouseout=function(){tooltiphamid.hide()}}}}}};tooltiphamid.move=function​(e){var t=0,n=0;if(document.all){t=document.documentElement&&document.documentElement.scrollLeft?document.documentElement.scrollLeft:docu​ment.body.scrollLeft;n=document.documentElement&&document.documentElement.scrollTop?document.documentElement.scrollTop:docume​nt.body.scrollTop;t+=window.event.clientX;n+=window.event.clientY}else{t=e.pageX​;n=e.pageY}this.tip.style.left=t+this.offsetX+"px";this.tip.style.top=n+this.offsetY+"px"};tooltiphamid.show=function(e){if(!this.tip)return;this.tip.innerHTML=e;this.ti​p.style.display="block"};tooltiphamid.hide=function(){if(!this.tip)return;this.tip.innerHTML="";this.tip.style.display="none"};window.onmousemove=function(){tooltiphamid.init()}</script>

حالا به کنترل پنل مدیریت » قسمت قالب ها و پوسته ها » پوسته ها » پوسته مورد نظر » اضافه کردن قالب بندی » یک قالب پوسته به نام qTip.css میسازید و محتویات زیر را در درون آن قرار دهید
#qTip{
    border:1px solid #A0A0A0;
    z-index: 3000;
    background:black;
    min-width:40px;
    min-height:14px;
    text-align:center;
    padding:5px 5px;
    filter:alpha(opacity=80);
    opacity:0.8;
    border-radius: 6px 6px 6px 6px;
    color:#fff;
    font-size:9pt;
    font-family: tahoma;
    text-shadow:0px 0px 4px #fff;
    -o-text-shadow:0px 0px 4px #fff;
    -moz-text-shadow:0px 0px 4px #fff;
    -ms-text-shadow:0px 0px 4px #fff;
    -webkit-text-shadow:0px 0px 4px #fff;
    display:none;
    box-shadow: 0px 0px 3px #000;
    position:absolute;
    margin-top:-10px;
    margin-bottom:10px;
    margin-left:20px;
    max-width: 300px;
    background-color: black!important;
    direction: rtl;
    word-wrap: break-word;
}

سپس ذخیره نمایید

حالا همون چیزی رو خواستید دارید.thanks

برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :