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



انضم إلى المنتدى ، فالأمر سريع وسهل

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


منتديات فنون التطوير
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

اذهب الى الأسفل
(علي الرسام)
(علي الرسام)
Admin
ذكر عدد المساهمات : 1491
تاريخ التسجيل : 30/01/2013
العمر : 30
https://fnon7.yoo7.com

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

الجمعة أبريل 26, 2013 11:30 pm
أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013



























أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013  2013-04-25_092748%D9%86%D8%B3%D8%AE


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


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


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

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


الكود الاول



كود 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>


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




الكود الثانى


كود 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>


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




الكود الثالث



كود 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>


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




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





كود 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>































ثم اعمل حفظ

avatar
صبر جميل
ذكر عدد المساهمات : 124
تاريخ التسجيل : 22/02/2013
العمر : 52
الموقع : منتدى انور ابو البصل الاسلامي
http://anwarbasal.alamuntada.com/

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

الجمعة مايو 10, 2013 5:48 am
كل الشكر والامتنان على هذا الطرح الرائع
دائما التميزحليفكم في الانتقاء
سلمتم على روعة طرحكم
نترقب المزيد من جديدكم الرائع
دمتم ودام لنا روعه مواضيعكم

avatar
صبر جميل
ذكر عدد المساهمات : 124
تاريخ التسجيل : 22/02/2013
العمر : 52
الموقع : منتدى انور ابو البصل الاسلامي
http://anwarbasal.alamuntada.com/

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

الجمعة مايو 10, 2013 5:49 am
كل الشكر والامتنان على هذا الطرح الرائع
دائما التميزحليفكم في الانتقاء
سلمتم على روعة طرحكم
نترقب المزيد من جديدكم الرائع
دمتم ودام لنا روعه مواضيعكم

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