منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف وهبة الساحر في 22/03/16, 02:21 am

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

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

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


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


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

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

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




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





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


وهبة الساحر
ادارة المنتدى


الجنس : ذكر
عدد المساهمات : 335
التقييم : 61
تاريخ التسجيل : 07/03/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف JAR7 في 22/03/16, 11:13 am

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



JAR7
ادارة المنتدى


الجنس : انثى
عدد المساهمات : 2202
التقييم : 290
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف MAR0 في 22/03/16, 07:31 pm

شكراً جزيلا اختي الغالية


يارب ارحمنا برحمتك

MAR0
عضو نشيط


الجنس : ذكر
عدد المساهمات : 36
التقييم : 10
تاريخ الميلاد : 08/01/1998
تاريخ التسجيل : 06/03/2016
العمر : 18
الموقع : مصر
العمل/الترفيه : مصمم جرافيك
المزاج : الحمد لله

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف وهبة الساحر في 22/03/16, 08:58 pm

@MAR0 كتب:شكراً جزيلا اختي الغالية
.شكرا لمرورك يا اختى الغالية



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


وهبة الساحر
ادارة المنتدى


الجنس : ذكر
عدد المساهمات : 335
التقييم : 61
تاريخ التسجيل : 07/03/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف Mc Nabulsy في 22/03/16, 09:36 pm

مشكوووووووووور

Mc Nabulsy
عضو نشيط


الجنس : ذكر
عدد المساهمات : 88
التقييم : 8
تاريخ الميلاد : 11/09/1998
تاريخ التسجيل : 28/02/2016
العمر : 18
الموقع : http://inkor.ibda3.info/

معاينة صفحة البيانات الشخصي للعضو http://inkor.ibda3.info/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف الشريف لؤي في 27/03/16, 03:46 pm

جزاك الله كل خير

الشريف لؤي
عضو نشيط


عدد المساهمات : 50
التقييم : 2
تاريخ التسجيل : 28/02/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف الشريف لؤي في 27/03/16, 03:47 pm

كيف اغير نوع الخط

الشريف لؤي
عضو نشيط


عدد المساهمات : 50
التقييم : 2
تاريخ التسجيل : 28/02/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف JAR7 في 27/03/16, 03:54 pm

ضيف هالكود بورقة css
.tool-tip
}
font-family: newsans,"droid Arabic Kufi";
{



JAR7
ادارة المنتدى


الجنس : انثى
عدد المساهمات : 2202
التقييم : 290
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف وهبة الساحر في 27/03/16, 05:37 pm

مرحبا اخى ..
ما هو نوع الخط الذى تود وضعه ليعمل لديك كما تريد ؟
نوع الخط ؟
واسمه ؟



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


وهبة الساحر
ادارة المنتدى


الجنس : ذكر
عدد المساهمات : 335
التقييم : 61
تاريخ التسجيل : 07/03/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف الشريف لؤي في 27/03/16, 08:38 pm

نوع الخط : الكوفي العربي
اسم الخط Droid Arabic Kufi

الشريف لؤي
عضو نشيط


عدد المساهمات : 50
التقييم : 2
تاريخ التسجيل : 28/02/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف وهبة الساحر في 28/03/16, 01:25 am

@الشريف لؤي كتب:نوع الخط : الكوفي العربي
اسم الخط 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]



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


وهبة الساحر
ادارة المنتدى


الجنس : ذكر
عدد المساهمات : 335
التقييم : 61
تاريخ التسجيل : 07/03/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف الشريف لؤي في 28/03/16, 09:28 am

تم الحل + شوفي الخاص

الشريف لؤي
عضو نشيط


عدد المساهمات : 50
التقييم : 2
تاريخ التسجيل : 28/02/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف نورالدين خلف في 07/04/16, 12:22 pm

كود رائع جدا

نورالدين خلف
عضو نشيط


الجنس : ذكر
عدد المساهمات : 155
التقييم : 10
تاريخ الميلاد : 29/10/1986
تاريخ التسجيل : 28/02/2016
العمر : 30
المزاج : الحمدلله رب العالمين

معاينة صفحة البيانات الشخصي للعضو http://alkuaml.blogspot.com.eg/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف zizou2012 في 07/04/16, 02:48 pm

جهود مبارك جزاك الله خير

zizou2012
عضو نشيط


الجنس : ذكر
عدد المساهمات : 26
التقييم : 12
تاريخ التسجيل : 29/03/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف Mr.Yakoub في 07/04/16, 05:26 pm

كود رائع شكرا

Mr.Yakoub
الاشراف العام


الجنس : ذكر
عدد المساهمات : 548
التقييم : 3
تاريخ التسجيل : 28/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف انور زياية في 01/05/16, 05:55 pm

جزاك الله كل خير

انور زياية

الجنس : ذكر
عدد المساهمات : 1
التقييم : 10
تاريخ التسجيل : 01/05/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف yahia2013 في 10/05/16, 04:55 pm

تسلم

yahia2013

الجنس : ذكر
عدد المساهمات : 1
التقييم : 10
تاريخ التسجيل : 10/05/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف ملك البحر في 16/05/16, 12:45 am

رائع جدا



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

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

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

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

تقنيات عالم ثاني

ملك البحر
عضو نشيط


الجنس : ذكر
عدد المساهمات : 37
التقييم : 10
تاريخ التسجيل : 16/04/2016
الموقع : www.sea-alarab.com
العمل/الترفيه : www.sea-alarab.com
المزاج : www.sea-alarab.com

معاينة صفحة البيانات الشخصي للعضو http://www.sea-alarab.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف المصمم الليلي في 18/05/16, 02:17 am

بارك الله فيك

المصمم الليلي
عضو نشيط


الجنس : ذكر
عدد المساهمات : 192
التقييم : 8
تاريخ التسجيل : 27/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو http://arab-ibda3.0wn0.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف Mr.OuSsaMa في 19/05/16, 12:45 am

شكرا لك

Mr.OuSsaMa
عضو نشيط


الجنس : ذكر
عدد المساهمات : 29
التقييم : 1
تاريخ الميلاد : 15/03/1997
تاريخ التسجيل : 27/02/2016
العمر : 19
الموقع : www.t3qnyiat.com
العمل/الترفيه : ولا شئ
المزاج : جيد

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف BISO AHLAWY في 19/05/16, 04:12 pm

جميل

BISO AHLAWY

الجنس : ذكر
عدد المساهمات : 3
التقييم : 10
تاريخ التسجيل : 09/05/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف المصمم الليلي في 22/05/16, 02:24 am

شششكرآ على الكود #بلآك
  

المصمم الليلي
عضو نشيط


الجنس : ذكر
عدد المساهمات : 192
التقييم : 8
تاريخ التسجيل : 27/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو http://arab-ibda3.0wn0.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف moment في 25/10/16, 01:07 am

يسلمؤؤؤؤؤؤؤؤؤؤؤؤؤؤ

moment

الجنس : ذكر
عدد المساهمات : 8
التقييم : 10
تاريخ التسجيل : 07/10/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى