منتديات فنون التطوير




منتديات فنون التطوير

منتدى تطويري يتيح الخدمات مجانا
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  تسجيل الدخولتسجيل الدخول  
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
شركة (( أكساء )) لتقنية المعلومات لخدمات الاستضافة وحجز الدومين
ستايل تطويري تومبيلايت
تحميل ايقونات 2013 اسطوانة ايقونات اكثر من 4000 ايقونة برابط واحد
[Style] [ استايل تومبلايت متعدد الالوان 5 الوان بدون حقوق
[style][sidiamer]ستايل شبكة سيدي عامر
العرب اشقاء لتطوير المنتديات بالشكل الصحيح
من منتدى انور ابو البصل الاسلامي ضع عندي ما تشاء من مساهمات اضع عندك مقابلها في منتداك
مصادر الإبداع للتدريب
مصادر الإبداع للتدريب
نبذه عن الاستضافة المشتركة و السيرفرات الخاصة
الإثنين يناير 09, 2017 10:12 pm
الجمعة نوفمبر 06, 2015 7:28 pm
الخميس يوليو 30, 2015 2:46 am
الأحد يوليو 05, 2015 10:43 am
الأربعاء يونيو 24, 2015 8:06 am
الخميس أبريل 02, 2015 9:28 am
الأحد مارس 22, 2015 6:00 am
الخميس يناير 29, 2015 5:39 pm
الخميس يناير 29, 2015 5:39 pm
الإثنين يناير 19, 2015 4:16 am
marwan essam
Hrony
مروان الً-سيدي
mmmm
2AHMED SAME
صبر جميل
صبر جميل
al2bda3
al2bda3
marwan essam

شاطر | .
 

 أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013

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


Admin

معلوماتاضافية
ذكر
عدد المساهمات : 1491
تاريخ التسجيل : 30/01/2013
العمر : 23

معاينة صفحة البيانات الشخصي للعضو http://fnon7.fforum.biz
مُساهمةموضوع: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013    الجمعة أبريل 26, 2013 11:30 pm

أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013






























الآنأناالتوصل إلىأنتظهرلكممتازةتعمل أضافةالتعليقاتالأخيرة فىمدونتكربماالغايةمساعدتكفيالحصول علىالمزيد من مجموعة متنوعةمنالتعليقات.فيالواقع،فيفجوةسجلصفحة ويبهذه،تكنلدىأيالمعلقينهنا،حالياتمديدالوقتوعليكأن تكونقادرة على إشعارمنأحدثالمعلقينتنطويهنايوموأنأناحتىجعلمحاولةلــ تقديم الدعملهمفيالحد . هنا أربعة اضافاتمنالتعليقاتالأخيرة.لــ ذلكدعوناالقفزإلى الا ضافةهذه اخر التعليق فى مدونتك بشكل جميل وجزاب فى مدونتك ؟


شرح الاضافة فى مدونتك اذهب الى لوحه التحكم فى مدونتك
ثم التخطيط ثم أضافه أداة اختار HTML/JavaScript ثم اكتب عنوان مثل أخر
تعليقات المدونة وأضف الكودالزى يناسب مدونتك


شاهد الاضافة من هنا http://bilokr.blogspot.com




الكود الاول



كود HTML:
<style type="text/css">ul.bh_recent_comments { list-style: none; margin: 0; padding: 0;}.bh_recent_comments li { background: none!important; margin: 5px!important; padding: 5px!important; display: block; clear: both; overflow: hidden; list-style: none;}.bh_recent_comments li .avatarImage { padding: 3px; background: #fefefe; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; float: left; margin: 0 6px 0 0; position: relative; overflow: hidden;}.avatarRound { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}.bh_recent_comments li img { padding: 0; position: relative; overflow: hidden; display: block;}.bh_recent_comments li span { margin-top: 3px; color: #666; display: block; font-size: 12px; line-height: 1.4;} .bh_recent_comments li { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}.bh_recent_comments li:hover { background: #FD7474 !important; border-radius: 100%;} .bh_recent_comments li { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; border: 2px solid transparent;}.bh_recent_comments li:hover { -webkit-transform: scale(1.2) translate(15px); -moz-transform: scale(1.2) translate(15px); -ms-transform: scale(1.2) translate(15px); -o-transform: scale(1.2) translate(15px); transform: scale(1.2) translate(15px); box-shadow: 0 0 20px 1px #aaa;} </style><script type="text/javascript">//<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 45, roundAvatar = true, characters = 40, showMorelink = false, moreLinktext = "More ?", defaultAvatar = "http://3.bp.blogspot.com/-HseCrBm2t_E/URitaAUacjI/AAAAAAAAC0c/Uw4FO3CLyyE/s1600/blogger-avatar-1.png", hideCredits = true;//]]></script><script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script><script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=5"></script>







الكود الثانى


كود HTML:
<style type="text/css"> ul.bh_recent_comments{list-style:none;margin:0;padding-bottom:5px;} .bh_recent_comments li{margin:0px 0px 0px 0px;border-bottom:1px dotted pink; display:block; clear:both; overflow:hidden;} .bh_recent_comments li .avatarImage{-webkit-border-radius:100px ; -moz-border-radius:100px ; border-radius:100px ; padding:3px; background: cyan; -webkit-box-shadow:0 1px 1px #333; -moz-box-shadow:0 1px 1px #333; box-shadow:0 1px 1px #333; float:left; margin:6px 6px 6px 0; position:relative; overflow:hidden;img filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;} .bh_recent_comments li .avatarImage:hover{-webkit-border-radius:100px ; -moz-border-radius:100px ; border-radius:100px ; padding:3px; background: pink; -webkit-box-shadow:0 1px 1px #333; -moz-box-shadow:0 1px 1px #333; box-shadow:0 1px 1px #333; float:left; margin:6px 6px 6px 0; position:relative; overflow:hidden;img filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;-khtml-opacity: 1.0;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .bh_recent_comments li img{-webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; padding:0px; position:relative; overflow:true; display:block;} .bh_recent_comments li span{color: #FFFFFF; display: block; font-size: 11px; font-style: italic; line-height: 1.4;}.commentNavi { clear: both; padding: 5px 0; display:inline-block; width:100%;}.commentNavi a, .commentNavi span.current { font-size:11px !important;}</style><script type="text/javascript">//<![CDATA[ // Recent Comments Settings var numComments = 7, showAvatar = true, avatarSize = 40, roundAvatar = true, characters = 50, defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true;//]]></script><script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script><script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=4"></script>







الكود الثالث



كود HTML:
<style type="text/css">ul.bh_recent_comments { list-style: none; margin: 0; padding: 0;}.bh_recent_comments li { background: none!important; margin: 5px!important; padding: 5px!important; display: block; clear: both; overflow: hidden; list-style: none;}.bh_recent_comments li .avatarImage { padding: 3px; background: #fefefe; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; float: left; margin: 0 6px 0 0; position: relative; overflow: hidden;}.avatarRound { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}.bh_recent_comments li img { padding: 0; position: relative; overflow: hidden; display: block;}.bh_recent_comments li span { margin-top: 3px; color: #666; display: block; font-size: 12px; line-height: 1.4;} .bh_recent_comments li { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; border: 2px solid transparent;}.bh_recent_comments li:hover { -webkit-transform: scale(1.2) translate(15px); -moz-transform: scale(1.2) translate(15px); -ms-transform: scale(1.2) translate(15px); -o-transform: scale(1.2) translate(15px); transform: scale(1.2) translate(15px); box-shadow: 0 0 20px 1px #aaa;} </style><script type="text/javascript">//<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 45, roundAvatar = true, characters = 40, showMorelink = false, moreLinktext = "More ?", defaultAvatar = "http://3.bp.blogspot.com/-HseCrBm2t_E/URitaAUacjI/AAAAAAAAC0c/Uw4FO3CLyyE/s1600/blogger-avatar-1.png", hideCredits = true;//]]></script><script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script><script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=5"></script>







الكود الرابع والاخير





كود HTML:
<style type="text/css">ul.bh_recent_comments { list-style: none; margin: 0; padding: 0;}.bh_recent_comments li { background: none!important; margin: 5px!important; padding: 5px!important; display: block; clear: both; overflow: hidden; list-style: none;}.bh_recent_comments li .avatarImage { padding: 3px; background: #fefefe; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; float: left; margin: 0 6px 0 0; position: relative; overflow: hidden;}.avatarRound { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}.bh_recent_comments li img { padding: 0; position: relative; overflow: hidden; display: block;}.bh_recent_comments li span { margin-top: 3px; color: #666; display: block; font-size: 12px; line-height: 1.4;} .bh_recent_comments li { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; border: 2px solid transparent;}.bh_recent_comments li:hover { border: 2px Solid #1BA1E2;} </style><script type="text/javascript">//<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 45, roundAvatar = true, characters = 40, showMorelink = false, moreLinktext = "More ?", defaultAvatar = "http://3.bp.blogspot.com/-HseCrBm2t_E/URitaAUacjI/AAAAAAAAC0c/Uw4FO3CLyyE/s1600/blogger-avatar-1.png", hideCredits = true;//]]></script><script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script><script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=5"></script>































ثم اعمل حفظ










طلبات الترشيح للاشراف
http://fnon7.fforum.biz/f86-montada


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



معلوماتاضافية
ذكر
عدد المساهمات : 124
تاريخ التسجيل : 22/02/2013
العمر : 45
الموقع : منتدى انور ابو البصل الاسلامي

معاينة صفحة البيانات الشخصي للعضو http://anwarbasal.alamuntada.com/
مُساهمةموضوع: رد: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013    الجمعة مايو 10, 2013 5:48 am

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

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



معلوماتاضافية
ذكر
عدد المساهمات : 124
تاريخ التسجيل : 22/02/2013
العمر : 45
الموقع : منتدى انور ابو البصل الاسلامي

معاينة صفحة البيانات الشخصي للعضو http://anwarbasal.alamuntada.com/
مُساهمةموضوع: رد: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013    الجمعة مايو 10, 2013 5:49 am

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

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

أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013

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

 مواضيع مماثلة

-
» كود احترافي يعرض منشورات صفحة المنتدى وفوق المنشورات زر like
» عوز اكواد الي 2013
» كود منع النسخ
» كيفية وضع منفذ شات داخل المنتدى
» مطلوب كود اذاعة نجوم اف ام

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