Category color fade effect

Hey, Guest!

I've got a question about my new website http://fcnl.actieforum.com . In the figure below there's a table (1) and you can see the category header (2). I'd like to have (1) the same orange to white color fade effect as in (2).


https://i.servimg.com/u/f39/19/05/73/25/mozq10.png

The CSS I'm using for the table is:

Code:

#right {display:none;}
#container,#content,#main {float:none !important; margin:0px !important;}
#rtopic {width:100%;margin:5px auto;padding:0 6px 5px;background-color:transparent;font-family:Verdana, Helvetica, Arial, sans-serif !important;font-size:10px !important;font-weight: 700 !important;text-align:center;border-radius:0px;}
#rtitle {height:20px;line-height:20px;color:#5B3818;;font-family:"Lucinda Grande", Verdana, Helvetica, Arial, sans-serif !important;font-size:1.2em !important;font-weight: 700 !important;}
#rtable {width:100%;background:#EEEEE9;border-collapse:collapse;}
#rtable th {padding:5px 0;background:#FA8A16;border:0px solid #1675bc;}
#rtable td {padding:5px;border:0px solid #1675bc;font-family:Tahoma;}
.ddto {width:50%;}
.ddti {width:25%;}
.ddau {width:auto;}

Could anyone please help me with that? Thank you!

Hi,

Change this line :

Code:

#rtable th {padding:5px 0;background:#FA8A16;border:0px solid #1675bc;}

to this :

Code:

#rtable th {padding:5px 0;background:url(http://2img.net/s/t/14/29/94/i_list_bg.gif) repeat-x top left #FA8A16;border:0px solid #1675bc;}

Yay! Great! And how do I get 1 on top of 2, so that the "last visited...", date, time etc, will be on top of the "most recent topics"?

I'm guessing #rtopic is the container, so add this in javascript codes management :

Code:

$(function(){$('#rtopic').insertBefore('.forabg:first')});

or if the widget you're using can be edited, just add this at the very bottom :

Code:

<script type="text/javascript">(function(){jQuery('#rtopic').insertBefore('.forabg:first')})();</script>

Ange Tuteur wrote:I'm guessing #rtopic is the container, so add this in javascript codes management :

Code:

$(function(){$('#rtopic').insertBefore('.forabg:first')});

or if the widget you're using can be edited, just add this at the very bottom :

Code:

<script type="text/javascript">(function(){jQuery('#rtopic').insertBefore('.forabg:first')})();</script>

Thanks! The first one worked. Though it's using the recent topics widget, it's not a widget itself, but JS and a little bit of CSS.