Get your forum today!

dreamscape · 05-10-2004, 05:22 AM

Can someone tell me how to change the background colour of the top banner?

I have a logo image that fills the top banner when the resolution is 800x600 but when the resolution is 1024x768 there is a space at either side and I'd prefer this to be black rather than what it is now.

I'm wary of touching anything as I don't want to muck up my settings, so any advice would be appreciated.

05-10-2004, 06:24 AM

you either need to resize your banner to fit your forum or make all of your stuff to standard 800x600 resolutions....that is the basic comon settings...I think crynobone hads a tip about this in skinning help I think do not quote me I've been known to be wrong :lol:

birdie · 05-10-2004, 06:43 AM

You have to go to your stylesheet and change the background color for the div id "logostrip" (and take out any background image if there is one).

05-10-2004, 06:58 AM

birdie could ypu post a complete path to that please?

Braindead · 05-10-2004, 07:02 AM

You can also remove the <div id=logostrip> and </div> in your board header, it's the same result.

dreamscape · 05-10-2004, 07:09 AM

I can find all that but I don't know where exactly to add the colour code to make the banner background black.

I removed the div logostrip but now the banner background is just the same as the main page background.

Help!!

birdie · 05-10-2004, 07:20 AM

Admin CP - Skins & Templates - Stylesheet - Edit

Find

#logostrip { code defining logostrip attributes }

In the code, look for

background-color: #(hexcode);

Type in the color of your choice. If the same code contains the phrase background-image, delete this and it's attribute (url to background image).

Since I have already tweaked my board, I can't provide the original codes, sorry about that.

05-10-2004, 07:25 AM

here is the original code
-------------------------------------------------------------
#ipsbanner { position:absolute;top:1px;right:5%; }

#logostrip { border:1px solid #345487;background-color: #1C2046;padding:0px;margin:0px; }
-------------------------------------------------------------------
now my question is can i input the image url to my over all back round of my board inplace of a color code?

dreamscape · 05-10-2004, 07:26 AM

This is my code from the style sheet

#logostrip { border:1px solid #000000; background-image: url(style_images/<#IMG_DIR#>/cellpic4.gif); padding:0px;margin:0px; }

There doesn't seem to be anyewhere to alter the background colour in it.

05-10-2004, 07:29 AM

Quote:

Originally posted by dreamscape@May 10 2004, 08:26 AM
This is my code from the style sheet

#logostrip { border:1px solid #000000; background-image: url(style_images/<#IMG_DIR#>/cellpic4.gif); padding:0px;margin:0px; }

There doesn't seem to be anyewhere to alter the background colour in it.

solid #000000 is your hex color code i believe?

dreamscape · 05-10-2004, 07:30 AM

My style sheet had the wrong code for the logostrip.

Thanks Pappy, I copied and pasted the code you added and then changed the background colour code, and it is now how I wanted it.

Thanks to birdie also.

05-10-2004, 07:34 AM

cool can i add in my main back round image in place of the hex color code?

to answer my own question here yes you can just add in the main image you use as a back round in that area instead of all of the original code in the logo strip code.

Caelestis · 05-10-2004, 08:20 AM

Dreamscape, Glad it looks like you got it worked out. You had mentioned that you were afraid to muck things up. I worry when I make changes also. I just open up notepad- copy/paste all of the section I'm working on into it- Then I can "muck" anything I want up and just copy/paste the original right back in.

05-10-2004, 08:22 AM

Support Resolved!

Your support has been marked as resolved. If you still require assistance, or have a new problem, please create a new topic.

Thanks,
Forumer.com Support Team

This is a pre-written message

05-10-2004, 06:43 AM	#3 (permalink)
birdie Active Forumer Join Date: Apr 2004 Posts: 439 Rep Power: 5 fTrader: (0) fBuck$: 1,055 Bank: 0 Total fBuck$: 1,055 Send fBuck$ » My Forumer My Country:	You have to go to your stylesheet and change the background color for the div id "logostrip" (and take out any background image if there is one).
	<img src='http://privat.bluezone.no/birgitf/post-7-1048972856.gif' border='0' alt='user posted image' /> Avatar made <a href='http://illustmaker.abi-station.com/index_en.shtml' target='_blank'>here</a>

05-10-2004, 07:02 AM	#5 (permalink)
Braindead Active Forumer Join Date: Apr 2004 Posts: 651 Rep Power: 5 fTrader: (3) fBuck$: 1,716 Bank: 0 Total fBuck$: 1,716 Send fBuck$ » My Forumer My Country:	You can also remove the <div id=logostrip> and </div> in your board header, it's the same result.
	Mordor: The Depths Of Dejenol Community

05-10-2004, 07:20 AM	#7 (permalink)
birdie Active Forumer Join Date: Apr 2004 Posts: 439 Rep Power: 5 fTrader: (0) fBuck$: 1,055 Bank: 0 Total fBuck$: 1,055 Send fBuck$ » My Forumer My Country:	Admin CP - Skins & Templates - Stylesheet - Edit Find #logostrip { code defining logostrip attributes } In the code, look for background-color: #(hexcode); Type in the color of your choice. If the same code contains the phrase background-image, delete this and it's attribute (url to background image). Since I have already tweaked my board, I can't provide the original codes, sorry about that.
	<img src='http://privat.bluezone.no/birgitf/post-7-1048972856.gif' border='0' alt='user posted image' /> Avatar made <a href='http://illustmaker.abi-station.com/index_en.shtml' target='_blank'>here</a>

05-10-2004, 08:20 AM	#13 (permalink)
Caelestis Junior Forumer Join Date: May 2004 Posts: 204 Rep Power: 5 fTrader: (0) fBuck$: 527 Bank: 0 Total fBuck$: 527 Send fBuck$ » My Forumer My Country:	Dreamscape, Glad it looks like you got it worked out. You had mentioned that you were afraid to muck things up. I worry when I make changes also. I just open up notepad- copy/paste all of the section I'm working on into it- Then I can "muck" anything I want up and just copy/paste the original right back in.
	<span style='color:gray'>You are a crazed, maniacal, lunatic who is not fit to walk the streets of our fair city! You are a danger to others and not nearly dangerous enough to yourself...</span>

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Get your forum today!

Explore

Support

About

05-10-2004, 05:22 AM	#1 (permalink)
dreamscape Member Join Date: Mar 2004 Posts: 11 Rep Power: 0 fTrader: (0) fBuck$: 2,078 Bank: 0 Total fBuck$: 2,078 Send fBuck$ » My Forumer My Country:	Can someone tell me how to change the background colour of the top banner? I have a logo image that fills the top banner when the resolution is 800x600 but when the resolution is 1024x768 there is a space at either side and I'd prefer this to be black rather than what it is now. I'm wary of touching anything as I don't want to muck up my settings, so any advice would be appreciated.

05-10-2004, 06:24 AM	#2 (permalink)
imported_Pappy Guest Tournaments Won: 3 Posts: n/a fBuck$: 0 Bank: 0 Total fBuck$: 0 Send fBuck$ » My Forumer My Country:	you either need to resize your banner to fit your forum or make all of your stuff to standard 800x600 resolutions....that is the basic comon settings...I think crynobone hads a tip about this in skinning help I think do not quote me I've been known to be wrong :lol:

05-10-2004, 06:58 AM	#4 (permalink)
imported_Pappy Guest Tournaments Won: 3 Posts: n/a fBuck$: 0 Bank: 0 Total fBuck$: 0 Send fBuck$ » My Forumer My Country:	birdie could ypu post a complete path to that please?

05-10-2004, 07:09 AM	#6 (permalink)
dreamscape Member Join Date: Mar 2004 Posts: 11 Rep Power: 0 fTrader: (0) fBuck$: 2,078 Bank: 0 Total fBuck$: 2,078 Send fBuck$ » My Forumer My Country:	I can find all that but I don't know where exactly to add the colour code to make the banner background black. I removed the div logostrip but now the banner background is just the same as the main page background. Help!!

05-10-2004, 07:25 AM	#8 (permalink)
imported_Pappy Guest Tournaments Won: 3 Posts: n/a fBuck$: 0 Bank: 0 Total fBuck$: 0 Send fBuck$ » My Forumer My Country:	here is the original code ------------------------------------------------------------- #ipsbanner { position:absolute;top:1px;right:5%; } #logostrip { border:1px solid #345487;background-color: #1C2046;padding:0px;margin:0px; } ------------------------------------------------------------------- now my question is can i input the image url to my over all back round of my board inplace of a color code?

05-10-2004, 07:26 AM	#9 (permalink)
dreamscape Member Join Date: Mar 2004 Posts: 11 Rep Power: 0 fTrader: (0) fBuck$: 2,078 Bank: 0 Total fBuck$: 2,078 Send fBuck$ » My Forumer My Country:	This is my code from the style sheet #logostrip { border:1px solid #000000; background-image: url(style_images/<#IMG_DIR#>/cellpic4.gif); padding:0px;margin:0px; } There doesn't seem to be anyewhere to alter the background colour in it.

05-10-2004, 07:30 AM	#11 (permalink)
dreamscape Member Join Date: Mar 2004 Posts: 11 Rep Power: 0 fTrader: (0) fBuck$: 2,078 Bank: 0 Total fBuck$: 2,078 Send fBuck$ » My Forumer My Country:	My style sheet had the wrong code for the logostrip. Thanks Pappy, I copied and pasted the code you added and then changed the background colour code, and it is now how I wanted it. Thanks to birdie also.

05-10-2004, 07:34 AM	#12 (permalink)
imported_Pappy Guest Tournaments Won: 3 Posts: n/a fBuck$: 0 Bank: 0 Total fBuck$: 0 Send fBuck$ » My Forumer My Country:	cool can i add in my main back round image in place of the hex color code? to answer my own question here yes you can just add in the main image you use as a back round in that area instead of all of the original code in the logo strip code.

05-10-2004, 08:22 AM	#14 (permalink)
imported_Pappy Guest Tournaments Won: 3 Posts: n/a fBuck$: 0 Bank: 0 Total fBuck$: 0 Send fBuck$ » My Forumer My Country:	Support Resolved! Your support has been marked as resolved. If you still require assistance, or have a new problem, please create a new topic. Thanks, Forumer.com Support Team This is a pre-written message

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