بالتعديل علي التومبلايت ِ يمكننا استبدال ازرار افضل الاعضاء بأيقونات رائعة لتجميل مظهر المنتدي
أفضل المواضيع لهذا اليوم
أفضل 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="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>
ثم نسجل التومبلاتات وننشرها
كود عمل لهم تأثير حركي جميل يمكنك وضعه للتجميل من شكلهم اكتر
طريقة الوضع:>
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم 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 اعلاه لن يعمل غير لمن عمل الطريقة تبديل الايقوانات اعلاه
