(تومبلايت) تبديل أزرار > افضل الاعضاء< بايقونات احترافية ... من a7medvirus

pm
السلام عليكم ورحمة الله وبركاته

بالتعديل علي التومبلايت ِ يمكننا استبدال ازرار افضل الاعضاء بأيقونات رائعة لتجميل مظهر المنتدي

أفضل المواضيع لهذا اليوم
أفضل 20 مشاركين في هذا اليوم
أفضل 20 عضو في هذا المنتدى

تصبح هكذا


نتوكل علي الله :--> نذهــب الي

لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب index_body ونضغط عليه تعديل

نبحث عن هذا الكود

الكود: ---------تضليل المحتوى
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>



ثم نقوم بحذفه و استبداله بهذا الكود

الكود: ---------تضليل المحتوى
<div class="a7medvirus"><a href="/search?search_id=activetopics"><img src="https://i.servimg.com/u/f24/15/84/84/32/docume10.png"title="أفضل المواضيع لهذا اليوم"></a><a href="/memberlist?mode=today_posters"><img src="https://i.servimg.com/u/f24/15/84/84/32/people10.png"title=" أفضل 20 مشاركين في هذا اليوم"></a><a href="/memberlist?mode=overall_posters"><img src="https://i.servimg.com/u/f24/15/84/84/32/iconte10.png"title=" أفضل 20 عضو في هذا المنتدى"></a></div>



ثم نسجل التومبلاتات وننشرها
ومبروك عليك


هدية مني كود عمل لهم تأثير حركي جميل يمكنك وضعه للتجميل من شكلهم اكتر


طريقة الوضع:>
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css

الكود
اضغط علي spoiler ليظهر

Spoiler:

الكود: ---------تضليل المحتوى
.a7medvirus a img {
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.9;
margin: 0 10px 5px 0;
}
.a7medvirus a img:hover {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1); box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px "AQUI EL TAMAÑO EN PIXELES DEL SHADOW" px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
-moz-box-shadow:0px 0px "AQUI EL TAMAÑO EN PIXELES DEL SHADOW"px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
opacity: 1;
}



ملحوظة كود css اعلاه لن يعمل غير لمن عمل الطريقة تبديل الايقوانات اعلاه

الكود من صنعي لا اسمح بحذف حقوقي والله شهيد علي ما اقول

اخوكم في الله احمد