Posts: 1334 Location: [Censor]
Sun 26 Oct, 2008 21:41
and here we go ...
first download attachment , unrar and upload pics in your
rootstylesblack_pearlthemeimages
now :
open in your rootstylesblack_pearltheme
stylesheet.css
find
.rightshadow{
background: url(images/shadow_right.gif) repeat-y;
width: 31px;
vertical-align: top;
}
affter add
.topleftshadow{
background: url(images/shadow_h_l.gif) no-repeat;
width: 31px;
vertical-align: top;
}
.topcentershadow{
background: url(images/shadow_h_c.gif) repeat-x;
width: 8px;
vertical-align: top;
}
.toprightshadow{
background: url(images/shadow_h_r.gif) no-repeat;
width: 31px;
vertical-align: top;
}
.bottomleftshadow{
background: url(images/shadow_f_l.gif) no-repeat;
width: 31px;
vertical-align: top;
}
.bottomcentershadow{
background: url(images/shadow_f_c.gif) repeat-x;
width: 8px;
vertical-align: top;
}
.bottomrightshadow{
background: url(images/shadow_f_r.gif) no-repeat;
width: 31px;
vertical-align: top;
}
find
change padding to 0px
find
(this is only if you want white border around forum table)
td.np-body {
background-color: #111111;
padding: 0px;
}
replace with
td.np-body {
background-color: #111111;
border: solid 1px #ffffff;
padding: 0px;
}
next:
open in your rootstylesblack_pearltemplate
overall_header.html
find
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="leftshadow" width="9" valign="top"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="9" height="1" /></td>
replace with
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0">
<td class="topleftshadow" width="31" valign="top-left"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="31" height="31" /></td>
<td class="topcentershadow" width="100%" valign="top"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="8" height="31" /></td>
<td class="toprightshadow" width="31" valign="top-right"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="31" height="31" /></td>
<tr>
<td class="leftshadow" width="31" valign="top"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="31" height="8" /></td>
next:
open in your rootstylesblack_pearltemplate
overall_footer.html
find
<td class="rightshadow" width="9" valign="top"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="9" height="1" /></td>
</tr>
replace with
<td class="rightshadow" width="31" valign="top"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="31" height="8" /></td>
</tr>
<td class="bottomleftshadow" width="31" valign="top-left"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="31" height="31" /></td>
<td class="bottomcentershadow" width="100%" valign="top"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="8" height="31" /></td>
<td class="bottomrightshadow" width="31" valign="top-right"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="31" height="31" /></td>
thats all :wink:
IMPORTANT !! backup your stylesheet.css , overall_header.html and overall_footer.html before you do this changes !!
BTW : if you see any "deformation" on style it is because of
this made that space where are arows in my picture... but i think everithing is ok exept "search for" and "jump to" on footer when you look viewforum page , they are 2px more down
good luck :wink:
