جديد تومبلايت وضع تلميح على الازرار والايقونات فى المواضيع بشكل احترافى

  افضل المواضيع1
كود تومبلايت:لوضع تلميح على الصور والازرار والايقونات والعناوين والخ...
كود جديد تومبلايت
الكود يضع تلميحات الايقونات واخر مساهمة وحذف وتعديل وقفل المواضيع وبعض الاماكن والخ..
 إضافة تلميح تأثير في المنتدى تقريبا أي (الصور والأزرار والأيقونات، والعناوين، الخ ...).
صورة للمعاينه

https://i.servimg.com/u/f19/19/08/62/30/11110.png

https://i.servimg.com/u/f19/19/08/62/30/22210.png


https://i.servimg.com/u/f19/19/08/62/30/33310.png


https://i.servimg.com/u/f19/19/08/62/30/44444410.png

بعد ما شوفنا صور عمل الكود ندخل على وضعه فى المنتدى

لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>overall_header>>اضغط على تعديل
قوم بالبحث عن الكود التالي:
فضلا وليس امر ضع رد ليظهر لك المحتوى




تم الشرح بواسطتى
وهبة الساحر
المتطوع المساعد
ارجوا ان اكون قد افدتكم
انتهي الموضوع





وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     

  افضل المواضيع2
كود رائع جدا لعمل نافذة منبثقة للوصف
طرحت فأبدعت يعطيك الف عافية
جهود مبارك جزاك الله خير
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
دمت بخير


m13
  افضل المواضيع3
شكراً جزيلا اختي الغالية


يارب ارحمنا برحمتك
  افضل المواضيع4
@MAR0 كتب:شكراً جزيلا اختي الغالية
.شكرا لمرورك يا اختى الغالية



وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     

  افضل المواضيع5
مشكوووووووووور
  افضل المواضيع6
جزاك الله كل خير
  افضل المواضيع7
كيف اغير نوع الخط
  افضل المواضيع8
ضيف هالكود بورقة css
.tool-tip
}
font-family: newsans,"droid Arabic Kufi";
{


m13
  افضل المواضيع9
#كود_تغيير_الخط_لا_يعمل
  افضل المواضيع10
مرحبا اخى ..
ما هو نوع الخط الذى تود وضعه ليعمل لديك كما تريد ؟
نوع الخط ؟
واسمه ؟



وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     

  افضل المواضيع11
نوع الخط : الكوفي العربي
اسم الخط Droid Arabic Kufi
  افضل المواضيع12
@الشريف لؤي كتب:نوع الخط : الكوفي العربي
اسم الخط Droid Arabic Kufi


اهلا بك حبيبى ..
هل يمكنك ازالة تثبيت الكود السابق
بعطيك كود اخر وهو جافا , وهو افضل
يوضع فى جميع الصفحات

الكود:


[center]jQuery(document).ready(function(){jQuery("div.post").each(function(){jQuery(this).html(jQuery(this).html().replace(/{creator}/g,jQuery("div.user h4.username a span strong").html()))})});(function($){function fixTitle($ele){if($ele.attr('title')||typeof($ele.attr('original-title'))!='string'){$ele.attr('original-title',$ele.attr('title')||'').removeAttr('title')}}function Tipsy(element,options){this.$element=$(element);this.options=options;this.enabled=true;fixTitle(this.$element)}Tipsy.prototype={show:function(){var title=this.getTitle();if(title&&this.enabled){var $tip=this.tip();$tip.find('.tipsy-inner')[this.options.html?'html':'text'](title);$tip[0].className='tipsy';$tip.remove().css({top:0,left:0,visibility:'hidden',display:'block'}).appendTo(document.body);var pos=$.extend({},this.$element.offset(),{width:this.$element[0].offsetWidth,height:this.$element[0].offsetHeight});var actualWidth=$tip[0].offsetWidth,actualHeight=$tip[0].offsetHeight;var gravity=(typeof this.options.gravity=='function')?this.options.gravity.call(this.$element[0]):this.options.gravity;var tp;switch(gravity.charAt(0)){case'n':tp={top:pos.top+pos.height+this.options.offset,left:pos.left+pos.width/2-actualWidth/2};break;case's':tp={top:pos.top-actualHeight-this.options.offset,left:pos.left+pos.width/2-actualWidth/2};break;case'e':tp={top:pos.top+pos.height/2-actualHeight/2,left:pos.left-actualWidth-this.options.offset};break;case'w':tp={top:pos.top+pos.height/2-actualHeight/2,left:pos.left+pos.width+this.options.offset};break}if(gravity.length==2){if(gravity.charAt(1)=='w'){tp.left=pos.left+pos.width/2-15}else{tp.left=pos.left+pos.width/2-actualWidth+15}}$tip.css(tp).addClass('tipsy-'+gravity);if(this.options.fade){$tip.stop().css({opacity:0,display:'block',visibility:'visible'}).animate({opacity:this.options.opacity})}else{$tip.css({visibility:'visible',opacity:this.options.opacity})}}},hide:function(){if(this.options.fade){this.tip().stop().fadeOut(function(){$(this).remove()})}else{this.tip().remove()}},getTitle:function(){var title,$e=this.$element,o=this.options;fixTitle($e);var title,o=this.options;if(typeof o.title=='string'){title=$e.attr(o.title=='title'?'original-title':o.title)}else if(typeof o.title=='function'){title=o.title.call($e[0])}title=(''+title).replace(/(^\s*|\s*$)/,"");return title||o.fallback},tip:function(){if(!this.$tip){this.$tip=$('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div class="tipsy-inner"/></div>')}return this.$tip},validate:function(){if(!this.$element[0].parentNode){this.hide();this.$element=null;this.options=null}},enable:function(){this.enabled=true},disable:function(){this.enabled=false},toggleEnabled:function(){this.enabled=!this.enabled}};$.fn.tipsy=function(options){if(options===true){return this.data('tipsy')}else if(typeof options=='string'){return this.data('tipsy')[options]()}options=$.extend({},$.fn.tipsy.defaults,options);function get(ele){var tipsy=$.data(ele,'tipsy');if(!tipsy){tipsy=new Tipsy(ele,$.fn.tipsy.elementOptions(ele,options));$.data(ele,'tipsy',tipsy)}return tipsy}function enter(){var tipsy=get(this);tipsy.hoverState='in';if(options.delayIn==0){tipsy.show()}else{setTimeout(function(){if(tipsy.hoverState=='in')tipsy.show()},options.delayIn)}};function leave(){var tipsy=get(this);tipsy.hoverState='out';if(options.delayOut==0){tipsy.hide()}else{setTimeout(function(){if(tipsy.hoverState=='out')tipsy.hide()},options.delayOut)}};if(!options.live)this.each(function(){get(this)});if(options.trigger!='manual'){var binder=options.live?'live':'bind',eventIn=options.trigger=='hover'?'mouseenter':'focus',eventOut=options.trigger=='hover'?'mouseleave':'blur';this[binder](eventIn,enter)[binder](eventOut,leave)}return this};$.fn.tipsy.defaults={delayIn:0,delayOut:0,fade:false,fallback:'',gravity:'n',html:false,live:false,offset:0,opacity:0.8,title:'title',trigger:'hover'};$.fn.tipsy.elementOptions=function(ele,options){return $.metadata?$.extend({},options,$(ele).metadata()):options};$.fn.tipsy.autoNS=function(){return $(this).offset().top>($(document).scrollTop()+$(window).height()/2)?'s':'n'};$.fn.tipsy.autoWE=function(){return $(this).offset().left>($(document).scrollLeft()+$(window).width()/2)?'e':'w'}})(jQuery);$(function(){$('[title]').tipsy({fade:true,gravity:'s'})});[/center]



css
الكود:
[center]
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}

.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
  font-weight: bold;
    font-family: Droid Arabic Kufi !important;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}

.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}

.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}[/center]
[center][/center]



وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     

  افضل المواضيع13
تم الحل + شوفي الخاص
  افضل المواضيع14
كود رائع جدا
  افضل المواضيع15
جهود مبارك جزاك الله خير
  افضل المواضيع16
كود رائع شكرا
  افضل المواضيع17
جزاك الله كل خير
  افضل المواضيع18
تسلم
  افضل المواضيع19
رائع جدا



راجع قانون المنتدي العام قبل طرح موضوعك من هنا .
راسل ادارة المنتدي فى حالة لديك استفسار او مشكله بالمنتدي من هنا .

-----------------------------------------------------
تكفي انى ولد (بنغازي ... منبع الاسود) أنتهي.....
 ----------

(ســــارفع قبعتى احتراما لكل من حاول تقليدى ,,, لآنه اوضح انى افضل منه)

(واذا لما يكون لديك حاقدون فأعلم أنك فاشل)

تقنيات عالم ثاني
  افضل المواضيع20
بارك الله فيك
  افضل المواضيع21
شكرا لك
  افضل المواضيع22
جميل
  افضل المواضيع23
شششكرآ على الكود #بلآك
  
  افضل المواضيع24
يسلمؤؤؤؤؤؤؤؤؤؤؤؤؤؤ
  افضل المواضيع25
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي
لاتستطيع الرد على المواضيع في هذا المنتدى