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

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



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

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

أفضل المواضيع لهذا اليوم
أفضل 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="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

الكود

الكود:

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