كود قائمة عامودية جميل لعرض آخر مشاركات الزوار
 

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

http://www.rassidonline.com/wp-conte...8%A7%D8%B1.png

رمز Code:
اليكم الكود

ul.w2b_recent_comments{list-style: none;margin: 0;padding: 0;}



.w2b_recent_comments li{background: #F2F2FF!important;margin: 5px!important;padding: 5px!important;display: block;clear: both;overflow: hidden;list-style: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.w2b_recent_comments li:hover{ background: #FFFF99!important;border:1px #999999;margin: 5px!important;padding: 5px!important;display: block;clear: both;overflow: hidden;list-style: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.w2b_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;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden; display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;line-height: 1.4;}