23-09-2012, Saat:17:51
Bazı arkadaşların isteği üzerine paylaşıyorum.
Kullandığınız tema>CSS Ekle>Elle Yazmak istiyorum Alta ekle.
forumbit_depth1_cat Tamamen değiştir;
Ayrıca Collapse iconlarınıda şunlarla değiştirin;
Kullandığınız tema>CSS Ekle>Elle Yazmak istiyorum Alta ekle.
Kod:
.forumheaddesc {
float: left;
background: #fff;
display: inline-block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
position: relative;
margin-left: 10px;
padding: 3px;
left: 10px;
-webkit-border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
-webkit-box-shadow: 1px 0px 4px #444;
-moz-box-shadow: 1px 0px 4px #444;
box-shadow: 1px 0px 4px #444;
color: #555 !important;
text-shadow: none !important;
font-weight: bold;
font-size: 10px;
height: 12px;
}
.forumheaddescie {
float: left;
background: #fff;
display: inline-block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
position: relative;
top: -4px;
margin-left: 10px;
padding: 3px;
left: 10px;
-webkit-border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
-webkit-box-shadow: 1px 0px 4px #444;
-moz-box-shadow: 1px 0px 4px #444;
box-shadow: 1px 0px 4px #444;
color: #555 !important;
text-shadow: none !important;
font-weight: bold;
font-size: 10px;
height: 12px;
}
#forumbit_thead:hover .forumheaddesc {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.forumheaddesc:before {
position: absolute;
left: -7px;
width: 0;
height: 0;
top: 2px;
content: "";
display: block;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 7px solid white;
}
.relative {
position:relative;display: block;height: 1px;
}
#forumbit_thead {
border-left: 0;
border-right: 0;
border: 1px solid #ccc;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-top: 0;
vertical-align: middle !important;
border: 1px solid #555;
position: relative;
overflow:auto;
margin-left: 0.1%;
margin-right: 0.1%;
margin-bottom: -5px;
}
#forumbit_thead strong {
float: left;
top: -2px;
}
div#shadow {
position: relative;
background: url(http://fiberfrm.com/images/shadow.png) top left repeat-y;
margin: auto auto;
height: auto;
}forumbit_depth1_cat Tamamen değiştir;
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<div id="forumbit_thead" class="thead" colspan="5"><div class="relative">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div></div>
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong>
<!--[if IE]>
<div class="smalltext forumheaddescie">{$forum['description']}</div></div>
<![endif]-->
<![if !IE]>
<div class="smalltext forumheaddesc">{$forum['description']}</div></div><![endif]>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>
</tr>
{$sub_forums}
</tbody>
</table>
<br />Ayrıca Collapse iconlarınıda şunlarla değiştirin;