PunBB Forums — style question/troubles

Re: style question/troubles

null@example.com (zc923) — Thu, 15 Jul 2004 19:06:28 +0000

Well, glad it worked out for you.

Re: style question/troubles

null@example.com (Dr.Jeckyl) — Thu, 15 Jul 2004 19:00:03 +0000

zc923 wrote:

Double quotes might get you in some trouble.
try this:
 background-image: url('backgif.gif');

SWEET! that was it. THANKS GUYS!

and the results

Re: style question/troubles

null@example.com (zc923) — Thu, 15 Jul 2004 18:53:13 +0000

Double quotes might get you in some trouble.
try this:

 background-image: url('backgif.gif');

Re: style question/troubles

null@example.com (hcgtv) — Thu, 15 Jul 2004 18:43:10 +0000

Dr.Jeckyl wrote:

so this

BODY {background-color: #ffffff; 
      background-image: url("backgif.gif?);
      background-repeat: repeat;}

is the way it should be?

That should be fine it should work, hit your refresh button if it doesn't look right.

Re: style question/troubles

null@example.com (Dr.Jeckyl) — Thu, 15 Jul 2004 18:28:06 +0000

here is the entire css i'm editing:

BODY {background-color: #ffffff; 
      background-image: url("backgif.gif?);
      background-repeat: repeat;}

TD {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #333333
}

INPUT, SELECT {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #333333
}

TEXTAREA {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #333333
}

FORM { margin: 0 }

PRE {
    font-size: 11px;
    margin: 0
}

TABLE.punmain {
    border: none;
    width: 100%;
    background-color: #606060
}
TABLE.punplain {
    border: none;
    width: 100%
}
TABLE.punspacer {
    border: none;
    width: 100%
}

TR.punhead { background-color: #C2C9DC }
TR.puncon1 { background-color: #D3D7E3 }
TR.puncon2 { background-color: #E3E6EE }
TR.puncon3 { background-color: #BFC5D5 }
TR.puntopic { height: 1.5em }

TD.punhead { color: #102945 }
TD.punheadcent {
    color: #102945;
    text-align: center
}
TD.puncon1 { background-color: #D3D7E3 }
TD.puncon1cent {
    background-color: #D3D7E3;
    text-align: center
}
TD.puncon1right {
    background-color: #D3D7E3;
    text-align: right
}
TD.puncon2 { background-color: #E3E6EE }
TD.puncon2cent {
    background-color: #E3E6EE;
    text-align: center
}
TD.puncon3 { background-color: #BFC5D5 }
TD.puncent { text-align: center }
TD.punright { text-align: right }
TD.puntop { vertical-align: top }
TD.puntopright {
    text-align: right;
    vertical-align: top
}
TD.punquote {
    background-color: #F6F6F6;
    border: #606060;
    border-style: dashed;
    border-width: 1px
}

A:link, A:visited {
    text-decoration: none;
    color: #C85900
}
A:link.punhot, A:visited.punhot { color: #C85900 }
A:link.punclosed, A:visited.punclosed { color: #C85900 }
A:hover {
    text-decoration: none;
    color: #F06B00
}
A:hover.punhot { color: #F06B00 }
A:hover.punclosed { color: #F06B00 }

IMG.punavatar {
    margin-top: 3px;
    margin-bottom: 3px
}

.puntext { font-size: 11px }
.punedited {
    font-size: 10px;
    font-style: italic;
}
.punsignature { font-size: 10px }
.punheadline {
    font-size: 12px;
    font-weight: bold;
}
.puntitle {
    font-size: 14px;
    font-weight: bold
}
.punhot { color: #C85900 }

and here is the test forum i've set up
http://www.forgamers-bygamers.com/e107forum/index.php

i appreciate the help.

Re: style question/troubles

null@example.com (Dr.Jeckyl) — Thu, 15 Jul 2004 18:26:44 +0000

so this

BODY {background-color: #ffffff; 
      background-image: url("backgif.gif?);
      background-repeat: repeat;}

is the way it should be?

Re: style question/troubles

null@example.com (hcgtv) — Thu, 15 Jul 2004 18:23:21 +0000

This is what you'd have to do:

background-image: url(backgif.gif); 
background-repeat: repeat;

If you place the gif in the same directory as the css then you don't have to worry about the long urls.

style question/troubles

null@example.com (Dr.Jeckyl) — Thu, 15 Jul 2004 18:17:45 +0000

i've been familiarizing myself with style sheet editing for a site i am fooling around with, so i've been reading the style guide and it's been a great help with some questions, but i just can't get an image i have to tile, or even show up for that matter.
this is what i have and would like that image to tile in the background of the forum. the image is also in my "/httpdocs/e107forum/img" folder and that doesn't work either.

BODY {background-color: #ffffff; background-image: url(?e107forum/style/backgif.gif?);
      background-repeat: repeat;}

is this correct? i'm also reading this guide on more advanced .css editing with no luck also. any help would be appreciated.

edit:this is for a punbb forum i have and have been modding and finding the right mods i like. just changing it to suit my needs and style of the site.