A7medvirus
عدد المساهمات : 8146
معدل النشاط : 12780
السُمعة : 46
 | | موضوع: (تومبلايت) تبديل أزرار > افضل الاعضاء< بايقونات احترافية ... من a7medvirus السبت 25 يونيو 2011 - 13:30 | |
| السلام عليكم ورحمة الله وبركاته  بالتعديل علي التومبلايت ِ يمكننا استبدال ازرار افضل الاعضاء بأيقونات رائعة لتجميل مظهر المنتدي أفضل المواضيع لهذا اليوم أفضل 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 الكود
اضغط علي 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 اعلاه لن يعمل غير لمن عمل الطريقة تبديل الايقوانات اعلاه الكود من صنعي لا اسمح بحذف حقوقي والله شهيد علي ما اقول اخوكم في الله احمد 
عدل سابقا من قبل A7medvirus في السبت 25 يونيو 2011 - 16:14 عدل 2 مرات | |
|
Facebook
Twitter
Youtube
