The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Category color fade effect

View previous topic View next topic Go down

In progress Category color fade effect

Post by Guest on December 29th 2014, 6:25 am

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).


http://i39.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!

Guest
Guest


Back to top Go down

In progress Re: Category color fade effect

Post by Ange Tuteur on December 29th 2014, 8:05 am

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://hitsk.in/t/14/29/94/i_list_bg.gif) repeat-x top left #FA8A16;border:0px solid #1675bc;}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Category color fade effect

Post by Guest on December 29th 2014, 9:33 am

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"?

Guest
Guest


Back to top Go down

In progress Re: Category color fade effect

Post by Ange Tuteur on December 30th 2014, 6:56 am

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
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Category color fade effect

Post by Guest on December 30th 2014, 8:59 am

@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! Smile 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.

Guest
Guest


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum