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

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

أفضل المواضيع لهذا اليوم
أفضل 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 اعلاه لن يعمل غير لمن عمل الطريقة تبديل الايقوانات اعلاه

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