اضافة المشاركات الشائعة بتقنية

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





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

1. اذهب الى قالب > تحرير HTML

2. ابحث بستعمال CTRL+F عن

]]></b:skin>


ضع قبله (فوقه) الكود التالي

.

popular-posts ul li {background: #FFF url() no-repeat scroll 5px 10px; list-style-type: none;padding:5px 5px 5px 20px !important; border: 1px solid #ddd;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; height: 40px; -moz-box-shadow: 3px 2px 5px #242424; -webkit-box-shadow: 3px 2px 5px #242424; box-shadow: 3px 2px 5px #242424;margin-bottom: 5px;height: 40px; } .popular-posts ul li a { font-style: italic; } .popular-posts ul li:hover { border:1px solid #d10202; -moz-box-shadow: 3px 2px 5px #d10202; -webkit-box-shadow: 3px 2px 5px #d10202; box-shadow: 3px 2px 5px #d10202; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { height:40px;width:40px; webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);box-shadow: 0 1px 3px rgba(0, 0, 0, .4); } .popular-posts .item-thumbnail img:hover{ -moz-box-shadow: 0px 0px 5px #d10202; -webkit-box-shadow: 0px 0px 5px #d10202; box-shadow: 0px 0px 5px #d10202;}

احفظ القالب اذهب الى تخطيط > اضافة ادة > قم باضافة المشاركات الشائعة

طبق الآتي





ازل علامة على مقتطف لتظهر المشاركات بتنسيق جميل

تم قم بحفظ ومبروك عليك الإضافة