• Registered: 2005-07-28
  • Posts: 15

Topic: Change width & add header image

Hi guys,

I have seen some other posts about this but it's still not clear to me:

1-->Which style sheets do I have to alter in order to have a fixed width forum?
      (For example 800px wide)

2.-->What is the easiest way to add a header image?


Thank you!!!

Dada

2 Reply by Elzar

  • Elzar
  • Senior Member
  • Offline
  • Registered: 2005-07-16
  • Posts: 309

Re: Change width & add header image

Open up the oxygen / mercury / etc .css file and alter it to something like:

/****************************************************************/
/* 5. VERTICAL AND PAGE SPACING */
/****************************************************************/

/* 5.1 Page margins */

HTML, BODY {MARGIN: auto; PADDING: 0; WIDTH: 800px; }

There is a tutorial over at punres.org for adding an image to the header.

  • Registered: 2005-07-28
  • Posts: 15

Re: Change width & add header image

Great!
Thank you for your help!
Is very appreciated!
dada

4 Reply by dada78 (edited by dada78 2005-07-29 03:16)

  • Registered: 2005-07-28
  • Posts: 15

Re: Change width & add header image

I still don't have that header problem resolved though: roll

I followed this tutorial: http://www.punres.org/doku.php?id=dev:s … go_via_css
on adding a header with css but it doesn't diplay:

I placed my header image in the following directory:  /forums/img/header/header.gif

then I went to mystyle_cs.css and added this:

/* header logo */
.pun H1
{

/* your logo and position */
background-image: url(forums/img/header/header.gif);
background-repeat: no-repeat;
background-position: left; /* you set your logo position here */
display: block;
height: 125px; /* logo height in here add width: size px if u need*/
}

/*header title*/
.pun H1 span
{
/* your font style */
color: #0066B9;
font-size: 20px; /* title size */
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none ; /* transform text: uppercase, capitalise */
text-decoration: underline; /* decoration: none, overline */

/* position for your text (board title) with the logo */
position: absolute;
top: 40px;
left: 90px;
}

Then I went to mystyle.css and removed .pun H1 


Here is the forum http://www.carinafuller.com/forums/

Am I missing something here?

Thank you!
Dada