salim

اضافة تعريف الكاتب بشكلها الجديد v1





بــسم الله الرحمن الرحــيم

السلام عليكم متابعي مدونة المبتكر،   في سلسلة إضافات ودروس بلوجر دائما ، سوف
أضيف لكم  اضافة تعريف الكاتب أو نبذة عنه .. اسفل الموضوع .. تتميز إضافتنا بتنسيق جميل متكونة من صورة للكاتب   

                                                     
         للمعاينة من هنا  
                                          




شرح طريقة التركيب


  1 . نتوجه لقالب >> تحرير  

2. ابحث بإستعمال CTRL+F عن  < b:skin/ ><[[

ضع الكود التالي قبله [ فوقه ]



 /* CSS Author Box */
.articleAuthor{overflow:hidden;margin-bottom:10px}
.authorContent{overflow:hidden;background:#fafafa;padding:20px;margin:1px;margin-bottom:0;border: 1px solid #eee;}
.authorright{overflow:hidden;float:right;margin-left:20px;}
.authorright .authorAvatar{overflow:hidden;}
.authorright .authorAvatar img{display:block;border: 2px solid #CAC9C9;
padding: 1px;}
.authorDetails{overflow:hidden;margin-bottom:5px;}
.authorDetails h2{font-size:16px;color:#555}
.authorDetails span{display:block;padding-top:3px}
.articleAuthor .authorContent p{line-height:20px;margin-bottom:10px;margin:0;} 


4. ابحث عن < div class='post-footer' > 


غير اسم رابط صورة بصورتك



ADVERTISEMENT
Subscribe to this Blog via Email :