منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم
لقد نسيت كلمة السر
منتديات تقنيات
1 / 4
تقنيات حصرية
2 / 4
اطلب استايلك مجانا
3 / 4
استايلات تومبلايت جديدة
4 / 4
دروس اشهار الموقع



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



صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

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

مُساهمة  في 22/03/16, 02:21 am

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

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>>اضغط على تعديل
قوم بالبحث عن الكود التالي:
فضلا وليس امر ضع رد ليظهر لك المحتوى




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





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


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


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

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

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

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

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

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



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


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

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

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

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

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

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


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

MAR0
عضو نشيط


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

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

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

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

مُساهمة  في 22/03/16, 08:58 pm

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



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


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


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

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

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

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

مُساهمة  في 22/03/16, 09:36 pm

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

Mc Nabulsy
عضو نشيط


الجنس : ذكر
عدد المساهمات : 93
التقييم : 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

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

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

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

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

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



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


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

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

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

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

مُساهمة  في 27/03/16, 04:06 pm


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


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

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

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

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

مُساهمة  في 27/03/16, 05:37 pm

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



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


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


الجنس : ذكر
عدد المساهمات : 347
التقييم : 64
تاريخ التسجيل : 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]



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


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


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

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

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

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

مُساهمة  في 28/03/16, 09:28 am

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

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


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

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

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

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

مُساهمة  في 07/04/16, 12:22 pm

كود رائع جدا

نورالدين خلف
تقني ذهبي

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

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

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

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

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

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

zizou2012
عضو نشيط


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

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

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

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

مُساهمة  في 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

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

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

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

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

تسلم

yahia2013
عضو جديد


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

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

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

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

مُساهمة  في 16/05/16, 12:45 am

رائع جدا



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

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

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

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

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

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


الجنس : ذكر
عدد المساهمات : 44
التقييم : 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/

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

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

مُساهمة  في 19/05/16, 12:45 am

شكرا لك

Mr.OuSsaMa
عضو نشيط


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

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

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

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

مُساهمة  في 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/

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

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

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

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

moment
عضو جديد


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

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

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

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

مُساهمة  في 21/01/17, 09:00 pm

السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي

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


الجنس : انثى
عدد المساهمات : 667
التقييم : 24
تاريخ التسجيل : 23/04/2016

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

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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

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

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

انشئ حساب

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


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

تسجيل الدخول

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


تسجيل الدخول

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