شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل)

forumbit_depth1_cat

كود :
<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">

    <tr>

        <tbody>

<tr>

<td align="left"><img src="{$theme['imgdir']}/cat_l.gif" alt="" border="0"></td>

<td style="background: url({$theme['imgdir']}/cat_tbg.gif) repeat-x" align="center" width="100%"><div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" /></div>

<div style="text-align: left;"><strong><a href="forumdisplay.php?fid={$forum['fid']}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></strong></div>

</td>

<td align="right"><img src="{$theme['imgdir']}/cat_r.gif" alt="" border="0"></td>

</tr>

</tbody>

</table>

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

</thead>

<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">

<tr>

<td class="tcat" width="35"> </td>

<td class="tcat"><strong>{$lang->forumbit_forum}</strong></td>

<td class="tcat" width="85" align="center" style="white-space: nowrap"><strong>{$lang->forumbit_threads}</strong></td>

<td class="tcat" width="85" align="center" style="white-space: nowrap"><strong>{$lang->forumbit_posts}</strong></td>

<td class="tcat" width="200" align="center"><strong>{$lang->forumbit_lastpost}</strong></td>

</tr>

{$sub_forums}

</tbody>

</table>

<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">

    <tr>

        <tbody>

<tr>

<td align="left"><img src="{$theme['imgdir']}/cat_lb.gif" alt="" border="0"></td>

<td style="background: url({$theme['imgdir']}/cat_tbgb.gif) repeat-x" align="center" width="100%">

</td>

<td align="right"><img src="{$theme['imgdir']}/cat_rb.gif" alt="" border="0"></td>

</tr>

</tbody>

</table>

<br />

كود :

<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">

    <tr>

        <tbody>



<tr>

<td align="left" class="thead"><img src="{$theme['imgdir']}/cat_l.gif" alt="" border="0"></td>

<td style="background: url({$theme['imgdir']}/cat_tbg.gif) repeat-x" align="center" width="100%"><div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" /></div>

<div style="text-align: left;"><strong><a href="forumdisplay.php?fid={$forum['fid']}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></strong></div>

</td>

<td align="right"><img src="{$theme['imgdir']}/cat_r.gif" alt="" border="0"></td>

</tr>

</tbody>

</table>

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

</thead>

<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">

<tr>

<td class="tcat" width="35"> </td>

<td class="tcat"><strong>{$lang->forumbit_forum}</strong></td>

<td class="tcat" width="85" align="center" style="white-space: nowrap"><strong>{$lang->forumbit_threads}</strong></td>

<td class="tcat" width="85" align="center" style="white-space: nowrap"><strong>{$lang->forumbit_posts}</strong></td>

<td class="tcat" width="200" align="center"><strong>{$lang->forumbit_lastpost}</strong></td>

</tr>

{$sub_forums}

</tbody>

</table>

<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">

    <tr>

        <tbody>



<tr>

<td align="left"><img src="{$theme['imgdir']}/cat_lb.gif" alt="" border="0"></td>

<td style="background: url({$theme['imgdir']}/cat_tbgb.gif) repeat-x" align="center" width="100%">

</td>

<td align="right"><img src="{$theme['imgdir']}/cat_rb.gif" alt="" border="0"></td>

</tr>

</tbody>

</table>

<br />

عزيزى بيبو انا عملت زى ما انت قلت بالزبط وغيرت الكود بتاع اللون فى الـ tables headers للون #FFFFFF بس برضه مش نافع وعلى فكرة انا حطيت الكود ده فى مكان كل الأكواد بتاعت لون الخط وكمان الـ Link CSS Attributes
ايه العمل يا ريس

كود :

.thead {

    background: #FFC300 url(images/DarkOrange/thead.png) top left repeat-x;

    color: #333333;

    font-family: bitstream vera sans, sans-serif;

    font-size: 14px;

    font-weight: bold;

    padding: 9px 4px 0px 4px;

    margin: auto auto;

}

.thead a:link {

    color: #333333;

    text-decoration: none;

}

.thead a:visited {

    color: #333333;

    text-decoration: none;

}

.thead a:hover, .thead a:active {

    color: #333333;

    text-decoration: underline;

}