الرسام .
رقم العضوية : 1 عدد المساهمات : 2624 تاريخ التسجيل : 29/12/2009 المزاج : متعلق برضاكم
الورقة الشخصية الورقة الشخصية: الورقة الشخصية | | | al7afe |
| موضوع: (تومبلايت) تبديل أزرار > افضل الاعضاء< بايقونات احترافية الإثنين يناير 02, 2012 9:17 am | |
| بالتعديل علي التومبلايت ِ يمكننا استبدال ازرار افضل الاعضاء بأيقونات رائعة لتجميل مظهر المنتدي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] أفضل المواضيع لهذا اليوم أفضل 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 اعلاه لن يعمل غير لمن عمل الطريقة تبديل الايقوانات اعلاه | |
|