بالتعديل علي التومبلايت ِ يمكننا استبدال ازرار افضل الاعضاء بأيقونات رائعة لتجميل مظهر المنتدي
![(تومبلايت) تبديل أزرار > افضل الاعضاء< بايقونات احترافية 3k03pmnzp9dlalvedbrc](https://2img.net/h/www.imageurlhost.com/images/3k03pmnzp9dlalvedbrc.png)
أفضل المواضيع لهذا اليوم
أفضل 20 مشاركين في هذا اليوم
أفضل 20 عضو في هذا المنتدى
تصبح هكذا
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
![(تومبلايت) تبديل أزرار > افضل الاعضاء< بايقونات احترافية Virus11](https://i.servimg.com/u/f24/15/84/84/32/virus11.png)
![(تومبلايت) تبديل أزرار > افضل الاعضاء< بايقونات احترافية 3k03pmnzp9dlalvedbrc](https://2img.net/h/www.imageurlhost.com/images/3k03pmnzp9dlalvedbrc.png)
نتوكل علي الله :--> نذهــب الي
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب index_body ونضغط عليه تعديل
![(تومبلايت) تبديل أزرار > افضل الاعضاء< بايقونات احترافية Editer](https://2img.net/i/fa/admin/icones/editer.png)
نبحث عن هذا الكود
الكود:
<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="a7la-7ekaya.0wn0.com"><a
href="/search?search_id=activetopics"><img
src="http://i24.servimg.com/u/f24/15/84/84/32/docume10.png"title="أفضل
المواضيع لهذا اليوم"></a><a
href="/memberlist?mode=today_posters"><img
src="http://i24.servimg.com/u/f24/15/84/84/32/people10.png"title=" أفضل
20 مشاركين في هذا اليوم"></a><a
href="/memberlist?mode=overall_posters"><img
src="http://i24.servimg.com/u/f24/15/84/84/32/iconte10.png"title=" أفضل
20 عضو في هذا المنتدى"></a></div>
ثم نسجل التومبلاتات وننشرها
![(تومبلايت) تبديل أزرار > افضل الاعضاء< بايقونات احترافية Sign10](https://i.servimg.com/u/f25/15/95/28/21/sign10.png)
كود عمل لهم تأثير حركي جميل يمكنك وضعه للتجميل من شكلهم اكتر
طريقة الوضع:>
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
الكود
الكود:
.a7la-7ekaya.0wn0.com 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 اعلاه لن يعمل غير لمن عمل الطريقة تبديل الايقوانات اعلاه