Forum Hosting  

Go Back   Forum Hosting > IPB Support > IPB Skinning Help

IPB Skinning Help Need help customizing the looks of your forum? Post here.


Reply
 
LinkBack Thread Tools Display Modes
Old 06-30-2004, 06:06 PM   #1 (permalink)
Member
 
bailee's Avatar
 
Join Date: Jun 2004

Posts: 4
Rep Power: 0 bailee is on a distinguished road
fTrader: (0)
fBuck$: 44.0
Bank: 0.0
Total fBuck$: 44.0

My Forumer
My Country:
Default

How do I change the color of the links? Like when you put your mouse over the link and it changes colors, how do I change the color that then shows up. Er...did anyone understand that?

Example: On the Night Time Gray skin that you can choose, when you put your mouse over the link, it changes to orange. How do I change the orange color?

Thank you.




Edit: Actually, I have another question as well that isn't imprtant enough to make a whole new thread for. On that same skin, does anyone know the size of the space given for your logo? I made one but it doesn't take up even have of the top of the screen. Could anyone tell me how big it is so I can resize my logo? Thank you again.
bailee is offline   Reply With Quote
Old 06-30-2004, 06:37 PM   #2 (permalink)
Ali
Senior Forumer
 
Ali's Avatar
 
Join Date: May 2004

Location: Ontario, Canada
Posts: 2,262
Rep Power: 7 Ali is on a distinguished road
fTrader: (0)
fBuck$: 52,099.0
Bank: 0.0
Total fBuck$: 52,099.0

My Forumer
My Country:
Default

To change the link colour as scrolled over (we call this the hover colour) follow this path:
Admin CP -> Skins & Templates -> Style Sheets -> Edit now find the following line in your CSS:
Quote:
a:hover { color: #465584; text-decoration:underline }
And change the text I've marked in Blue to the colour you wish for the hover to be.

As for your other problem, you may want to use an ImageBot to re-size your logo to fill the entire logostrip space, or you can give your logo a background colour then change the colour of the logostrip background so it will blend in, to do this follow this path:
Admin CP -> Skins & Templates -> Style Sheets -> Edit now find the following line in your CSS:
Quote:
#logostrip { border:1px solid #345487;background-color: #3860BB;background-image:url(style_images/<#IMG_DIR#>/header_tile.gif);padding:0px;margin:0px; }
And change the text I've marked in Purple to the colour you wish for the logostrip background to be.
Ali is offline   Reply With Quote
Old 06-30-2004, 06:46 PM   #3 (permalink)
Member
 
bailee's Avatar
 
Join Date: Jun 2004

Posts: 4
Rep Power: 0 bailee is on a distinguished road
fTrader: (0)
fBuck$: 44.0
Bank: 0.0
Total fBuck$: 44.0

My Forumer
My Country:
Default

Thank you so much, the first part I got fixed. As for the second one, mine says:

#logostrip { border:0px solid #000;background-coloradding:0px;margin:0px; }

so I would change #000 to the color I wanted? Or is #000 the background to the rest of the page? If so, where would I add it?


Once again, thank you so much.
bailee is offline   Reply With Quote
Old 06-30-2004, 07:06 PM   #4 (permalink)
Ali
Senior Forumer
 
Ali's Avatar
 
Join Date: May 2004

Location: Ontario, Canada
Posts: 2,262
Rep Power: 7 Ali is on a distinguished road
fTrader: (0)
fBuck$: 52,099.0
Bank: 0.0
Total fBuck$: 52,099.0

My Forumer
My Country:
Default

No, actually replace your logostrip code with this one:
Quote:
#logostrip { border:1px solid #345487;background-color: #3860BB;padding:0px;margin:0px; }
And simply edit the text I've marked in Purple to the colour you wish for the logo sector background to be (you should make it match the background color of the logo you've created for your board).
Ali is offline   Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump