أرسلت بتاريخ : 25\07\2018 | المشاركة رقم: |
| الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | قوالب تحويل الفئات index_box الى اشكال متعددة على استايل منتديات مسرووور
السلام عليكم اخواني وخواتي اعضاء المنتدى الكراااام اقدم لكم قالب index_box الخاص والحصري لستايل منتديات مسرووور يحول المنتديات في الصفحة الرئيسية الى مجلة غاية في الروعة والجمال تم الانتها من تصميم قالب لتحويل الفئات الى مجلة ثلاثية اتمنا ان ينال رضاااكم وهذه صورة للكووووود
بسم الله فل نبدااااا وقبل تركيب القالب يجب تعديل بعض الخيارات من لوحة التحكم اول شي اذهب الى لوحة التحكم -مظهر المنتدى-الهيكل والترتيب وضع خيار عرض الفئات متوسط كما في الصورة التالية
وثاني امر اذهب الى لوحة التحكم-ادارة عامة-المنتديات والفئات يجب ترتيب المنتديات بحيث تضع في كل فئه ثلاث منتديات او ست منتديات او تسع حتى تظهر بشكل جميل ومرتب كما في الصورة التالية
واخيرااااا اذهب الى قالب index_box لوحة التحكم-مظهر المنتدى-التومبيلات والقوالب- ادارة عامة واحذف كل مافي قالب index_box وضع القالب الجديد مكانة
- الكود:
-
<!-- BEGIN catrow --> <!-- BEGIN tablehead -->
<table id="c" class="ipbtable index-box" cellspacing="0" cellpadding="0"> <!-- END tablehead --> <!-- BEGIN cathead -->
<!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
<!-- END cathead --> <!-- BEGIN forumrow -->
<tr align="center"> <td class="alt2">
<td class="alt1Active" align="right" id="f2">
<td class="row50 centered"> <script> function gioihant(a){
return a.substring(0,55)+''; } </script> <div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_r">
<a style="float:left" href="#{catrow.forumrow.U_VIEWFORUM}" onclick="return toggle_collapse('forumbit_1')"> <img id="collapseimg_forumbit_1" src="https://i.servimg.com/u/f33/17/83/79/07/collap12.gif" alt="" border="0" /></a> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><script>document.write(gioihant('{catrow.forumrow.FORUM_NAME}'));</script></a><br /> </div> </div> </div> <td class="row51 centered"> <div class="RMAVATAR"> <span style="font-size: 0px; line-height: normal" class="avatarcp">{catrow.forumrow.FORUM_DESC}
</span></div><div style="padding: 0 0 10px 0;"></div></a>
<!-- BEGIN switch_moderators_links -->
<!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span>
<td class="row52 centered"> <div dir="rtl" style="color: rgb(51, 51, 51); text-decoration: none; padding: 0pt; overflow: scroll; font-weight: bold; font-size: 10pt; background-image: none; background-attachment: scroll; background-color: rgb(305, 305, 305); margin: 0pt; width: 302px; font-family: tahoma; height: 80px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;"> <div align="center"><div class="AVRATAR"><span style="font-size: 11px;">{catrow.forumrow.FORUM_DESC}</div> <td class="row53 centered">{catrow.forumrow.TOPICS}</td> <td class="row54 centered">{catrow.forumrow.POSTS}</td> </div></span></font></td> <td class="row55 centered">
<span class="smallfont"><div id="lastpost" class="gensmall"> <div id="lastpost"><div class="smallfont" align="right"><div><div class="avatar-last-post"> <span class="row55 centered"><!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span> <!-- END avatar --> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></span></td> </div>
</div> </div> </td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot --> <!-- END catrow --> <style>
table.index-box tbody tr:nth-child(3n+3) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 302px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.mainmenu[href="/faq"], .mainmenu[href="/groups"] {display:none!important} #navstrip, .subtitle, div.box-content.agreement, div.newslink, .box-content.profile { padding: 8px 10px !important;border-radius:3px; line-height: 16px;text-transform: uppercase;background-color: #fff !important;border:1px solid #DDD; } #navstrip[style] {display: none;} #navstrip li {background-image: none;} #navstrip li.begin {background: url(https://i.servimg.com/u/f56/15/40/41/93/9912010.gif) no-repeat -94px;padding-left: 24px;margin: 0;} #navstrip a {color: #aaa;} #navstrip a:hover {color: #f40 !important;} #navstrip+.borderwrap, #navstrip+.newslink+.borderwrap, .borderwrap+br+.borderwrap, #fo_stat.borderwrap, .posting-options+.clearfix+.borderwrap { background: transparent;border:none;padding: 0;} div.box-content.agreement {margin-top: 10px} div.box-content.agreement > .agreement, .box-content.profile { background: #fff;padding: 0;padding-bottom: 10px; border-bottom: none !important;text-transform: initial; }.box-content .agreement+.rules {background: #fff;} .topic-footer {text-transform: initial;} .formbuttonrow { background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; } table.index-box tbody tr:hover { background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } table.index-box tbody tr { width: 302px; float: left; margin-right: 20px; margin-bottom: 15px; border-radius: 2px; border: 1px solid #; height: 350px; position: relative; border: 0px solid #EEE; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 0px; background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; box-shadow: 0 0 2px #666; position: relative; border-radius: 9px; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
width: 94%;border-top: 1px solid #f4f4f4; } table.index-box tbody tr td:last-child strong+a { } table.index-box tbody tr td:last-child strong+a { position: absolute; width: 40px; height: 40px; border-radius: 7px; left: 0; top: 0; background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; margin: 5px 0px 0px 5px; } table.index-box tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.index-box tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.index-box#c2 tbody tr:first-child {height: 714px;} table.index-box#c2 tbody tr:first-child td:last-child {display: none;} table.index-box#c2 tbody tr:first-child td:last-child {display: none;} table.index-box tbody tr td.row50.centered, table.index-box tbody tr td.row50.centered {
position: absolute;width: 302px; height: 172px;
overflow: hidden; } table.index-box tbody tr td.row52.centered, table.index-box tbody tr td.row52.centered { color: #fff; top: 236px; font-weight: bold; position: absolute; width: 305px; height: 63px; text-align: left; border: 0px solid #ffffff; overflow: hidden; } span.avatarcp img{ width:302px;height:172px; background-color:beige;
padding:2px float:left; overflow:auto}
.quote { display:none } div.TabView div.Pages div.Page{ width:302px;height:172px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden; background-color:#fff; float:left; overflow:auto} .hinh img{ display:none } .avatarcp { width:302px;height:172px; font :none float:left; overflow:auto} div.phutu_html{ display:none; float:left; overflow:auto} .Pages{ width:302px;height:172px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden; background-color:#fff } .AVRATAR img { display: none!important;
} #lastpost{ background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 2px; padding-bottom: 9px;
border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } #lastpost:hover { background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 2px; padding-bottom: 9px;
} table.index-box tbody tr td.row55.centered, table.index-box tbody tr td.row55.centered { padding: ; line-height: ; top: 299px; font-weight: bold; position: absolute; width: 302px; height: 50px; text-align: left; border: 5px solid #; overflow: hidden; border-top: 1px solid #ddd; } .lastpost-avatar img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 7px; height: 40px; width: 40px; padding: 0px 0px 0px 0px; margin: 0 3px; } table.index-box tbody tr td.row54.icon {padding: 0 !important;height: auto;} table.index-box tbody tr td.row53.centered, table.index-box tbody tr td.row54.centered { padding: 10px; line-height: 3px; color: #fff; background-image: url("https://i.servimg.com/u/f33/17/83/79/07/gradie15.gif"); top: 40px; font-weight: bold; position: absolute; width: 130px; height: auto; text-align: center; } table.index-box tbody tr td.row54.centered {left: 0%;} table.index-box tbody tr td.row53.centered:after {content: " : عدد المواضيع";margin-left: 3px;} table.index-box tbody tr td.row54.centered:after {content: " : عدد المساهمات";margin-left: 3px;} .forum-desc {padding: 0 10px;} .forum-name+.mods {padding: 10px;padding-top: 0;font-weight: bold;} .forum-name+.mods+p {padding: 0 10px;font-size: 0;} .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } table.index-box tbody tr td.row51.centered, table.index-box tbody tr td.row51.centered { color: #fff; background: #ddd url(https://i.servimg.com/u/f62/19/34/83/47/no-pre10.png) center no-repeat; top: 62px; font-weight: bold; position: absolute; width: 302px; height: 174px; text-align: left; border: 0px solid #ddd; } .RMAVATAR img { height: 172px; width: 302px; } </style>
طريقة وضع صورة وكتابة وصف للمنتدى بشكل الاعتيادي اذهب الى لوحة الادارة - ادارة عامه-المنتديات والفئات وضع رابط الصورة مكانه وكتب وصف المنتدى ويفضل ان تطول في النص حتى يغطي المساحة في المجلة
تم الشرح وجميع حقوق النشر محفوظة لمصمم القالب مسرووور
وهنيئا لكم به وبالتوفيق للجميع لا تحرموني من صالح الدعاء مع فائق الاحترام والتقدير مسرووور | | |
مواضيع ذات صلة بـ هذا الموضوع
الإثنين 5 نوفمبر - 3:16 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: قوالب تحويل الفئات index_box الى اشكال متعددة على استايل منتديات مسرووور
الشكل الثاني
- الكود:
-
<!-- BEGIN catrow --> <!-- BEGIN tablehead -->
<table id="c" class="ipbtable index-box" cellspacing="0" cellpadding="0"> <!-- END tablehead --> <!-- BEGIN cathead -->
<!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
<!-- END cathead --> <!-- BEGIN forumrow -->
<tr align="center"> <td class="alt2">
<td class="alt1Active" align="right" id="f2">
<td class="row50 centered"> <script> function gioihant(a){
return a.substring(0,45)+''; } </script> <div class="cover_top_b"> <div class="cover_top_l"> <div class="cover_top_r">
<a style="float:left" href="#{catrow.forumrow.U_VIEWFORUM}" onclick="return toggle_collapse('forumbit_1')"> <img id="collapseimg_forumbit_1" src="https://i.servimg.com/u/f33/17/83/79/07/collap12.gif" alt="" border="0" /></a> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><script>document.write(gioihant('{catrow.forumrow.FORUM_NAME}'));</script></a><br /> </div> </div> </div> <td class="row51 centered"> <div class="RMAVATAR"> <span style="font-size: 0px; line-height: normal" class="avatarcp">{catrow.forumrow.FORUM_DESC}
</span></div><div style="padding: 0 0 10px 0;"></div></a>
<!-- BEGIN switch_moderators_links -->
<!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span>
<td class="row52 centered"> <div dir="rtl" style="color: rgb(51, 51, 51); text-decoration: none; padding: 0pt; overflow: scroll; font-weight: bold; font-size: 10pt; background-image: none; background-attachment: scroll; background-color: rgb(305, 305, 305); margin: 0pt; width: 302px; font-family: tahoma; height: 80px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;"> <div align="center"><div class="AVRATAR"><span style="font-size: 11px;">{catrow.forumrow.FORUM_DESC}</div> <td class="row53 centered">{catrow.forumrow.TOPICS}</td> <td class="row54 centered">{catrow.forumrow.POSTS}</td> </div></span></font></td> <td class="row55 centered">
<span class="smallfont"><div id="lastpost" class="gensmall"> <div id="lastpost"><div class="smallfont" align="right"><div><div class="avatar-last-post"> <span class="row55 centered"><!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span> <!-- END avatar --> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></span></td> </div>
</div> </div> </td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot --> <!-- END catrow --> <style>
table.index-box tbody tr:nth-child(3n+3) {margin-right:0} #c2 tbody tr:nth-child(5){margin:12px 0 0 0} #c4 tbody tr{height:304px!important} #c11 tbody tr:nth-child(4){margin-right:-9px} #c11 tbody tr { height: 279px; width: 302px; margin-right: 4px; } #c11 tbody { margin-left: -4px; display: block; }
.mainmenu[href="/faq"], .mainmenu[href="/groups"] {display:none!important} #navstrip, .subtitle, div.box-content.agreement, div.newslink, .box-content.profile { padding: 8px 10px !important;border-radius:3px; line-height: 16px;text-transform: uppercase;background-color: #fff !important;border:1px solid #DDD; } #navstrip[style] {display: none;} #navstrip li {background-image: none;} #navstrip li.begin {background: url(https://i.servimg.com/u/f56/15/40/41/93/9912010.gif) no-repeat -94px;padding-left: 24px;margin: 0;} #navstrip a {color: #aaa;} #navstrip a:hover {color: #f40 !important;} #navstrip+.borderwrap, #navstrip+.newslink+.borderwrap, .borderwrap+br+.borderwrap, #fo_stat.borderwrap, .posting-options+.clearfix+.borderwrap { background: transparent;border:none;padding: 0;} div.box-content.agreement {margin-top: 10px} div.box-content.agreement > .agreement, .box-content.profile { background: #fff;padding: 0;padding-bottom: 10px; border-bottom: none !important;text-transform: initial; }.box-content .agreement+.rules {background: #fff;} .topic-footer {text-transform: initial;} .formbuttonrow { background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important; } .maintitle, #qpost {background-color: transparent !important;} .borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1; } table.index-box tbody tr:hover { background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } table.index-box tbody tr { width: 302px; float: left; margin-right: 20px; margin-bottom: 15px; border-radius: 2px; border: 1px solid #; height: 350px; position: relative; border: 0px solid #EEE; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 0px; background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; box-shadow: 0 0 2px #666; position: relative; border-radius: 9px; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; } .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}
width: 94%;border-top: 1px solid #f4f4f4; } table.index-box tbody tr td:last-child strong+a { } table.index-box tbody tr td:last-child strong+a { position: absolute; width: 40px; height: 40px; border-radius: 7px; left: 0; top: 0; background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat; margin: 5px 0px 0px 5px; } table.index-box tbody tr td:last-child strong+a:hover {background-color: #BF0101;} table.index-box tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;} table.index-box#c2 tbody tr:first-child {height: 714px;} table.index-box#c2 tbody tr:first-child td:last-child {display: none;} table.index-box#c2 tbody tr:first-child td:last-child {display: none;} table.index-box tbody tr td.row50.centered, table.index-box tbody tr td.row50.centered {
position: absolute;width: 302px; height: 172px;
overflow: hidden; } table.index-box tbody tr td.row52.centered, table.index-box tbody tr td.row52.centered { color: #fff; top: 236px; font-weight: bold; position: absolute; width: 305px; height: 63px; text-align: left; border: 0px solid #ffffff; overflow: hidden; } span.avatarcp img{ width:302px;height:171px; background-color:beige;
padding:2px float:left; overflow:auto} span.avatarcp img:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } .quote { display:none } div.TabView div.Pages div.Page{ width:302px;height:172px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden; background-color:#fff; float:left; overflow:auto} .hinh img{ display:none } .avatarcp { width:302px;height:172px; font :none float:left; overflow:auto} div.phutu_html{ display:none; float:left; overflow:auto} .Pages{ width:302px;height:172px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden; background-color:#fff } .AVRATAR img { display: none!important;
} #lastpost{ background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 2px; padding-bottom: 9px;
border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } #lastpost:hover { background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom; color: #383838; font-family: tahoma; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 700; padding-top: 2px; padding-bottom: 9px;
} table.index-box tbody tr td.row55.centered, table.index-box tbody tr td.row55.centered { padding: ; line-height: ; top: 299px; font-weight: bold; position: absolute; width: 302px; height: 50px; text-align: left; border: 5px solid #; overflow: hidden; border-top: 1px solid #ddd; } .lastpost-avatar img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 7px; height: 40px; width: 40px; padding: 0px 0px 0px 0px; margin: 0 3px; } table.index-box tbody tr td.row54.icon {padding: 0 !important;height: auto;} table.index-box tbody tr td.row53.centered, table.index-box tbody tr td.row54.centered { padding: 10px; line-height: 3px; color: #fff; background-image: url("https://i.servimg.com/u/f33/17/83/79/07/gradie15.gif"); top: 212px; font-weight: bold; position: absolute; width: 130px; height: auto; text-align: center; } table.index-box tbody tr td.row54.centered {left: 0%;} table.index-box tbody tr td.row53.centered:after {content: " : عدد المواضيع";margin-left: 3px;} table.index-box tbody tr td.row54.centered:after {content: " : عدد المساهمات";margin-left: 3px;} .forum-desc {padding: 0 10px;} .forum-name+.mods {padding: 10px;padding-top: 0;font-weight: bold;} .forum-name+.mods+p {padding: 0 10px;font-size: 0;} .mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;} .mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;} .mods+p a:nth-of-type(2n+2) { padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px); border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px; height: 16px;overflow: hidden;float: left; } table.index-box tbody tr td.row51.centered, table.index-box tbody tr td.row51.centered { color: #fff; background: #ddd url() center no-repeat; top: 40px; font-weight: bold; position: absolute; width: 302px; height: 174px; text-align: left; border: 0px solid #ddd; } .RMAVATAR img { height: 172px; width: 302px; } </style> | | |
|
|