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, 12:25 pm

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, 2:05 pm

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;}
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2881
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Category color fade effect

Post by Guest on December 29th 2014, 3:33 pm

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, 12:56 pm

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>
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2881
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Category color fade effect

Post by Guest on December 30th 2014, 2:59 pm

@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