1 Topic by Dr.Jeckyl (edited by Dr.Jeckyl 2004-07-15 18:22)

  • From: -8 GMT
  • Registered: 2004-05-04
  • Posts: 1,396

Topic: style question/troubles

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.

~James
FluxBB - Less is more

2 Reply by hcgtv

  • hcgtv
  • hcgtv
  • Senior Member
  • Offline
  • From: Charlotte, NC
  • Registered: 2004-06-25
  • Posts: 1,991

Re: style question/troubles

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.

PHPCrossRef . TXP Make . TXP Themes . TXP Tags . TXP Planet . We Love TXP

hcgtv's Website

  • From: -8 GMT
  • Registered: 2004-05-04
  • Posts: 1,396

Re: style question/troubles

so this

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

is the way it should be?

~James
FluxBB - Less is more

4 Reply by Dr.Jeckyl (edited by Dr.Jeckyl 2004-07-15 18:30)

  • From: -8 GMT
  • Registered: 2004-05-04
  • Posts: 1,396

Re: style question/troubles

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.

~James
FluxBB - Less is more

5 Reply by hcgtv

  • hcgtv
  • hcgtv
  • Senior Member
  • Offline
  • From: Charlotte, NC
  • Registered: 2004-06-25
  • Posts: 1,991

Re: style question/troubles

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.

PHPCrossRef . TXP Make . TXP Themes . TXP Tags . TXP Planet . We Love TXP

hcgtv's Website

6 Reply by zc923

  • zc923
  • Senior Member
  • Offline
  • From: -5 GMT
  • Registered: 2003-12-15
  • Posts: 446

Re: style question/troubles

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

 background-image: url('backgif.gif');
Do, or do not.

7 Reply by Dr.Jeckyl (edited by Dr.Jeckyl 2004-07-15 19:03)

  • From: -8 GMT
  • Registered: 2004-05-04
  • Posts: 1,396

Re: style question/troubles

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

~James
FluxBB - Less is more

8 Reply by zc923

  • zc923
  • Senior Member
  • Offline
  • From: -5 GMT
  • Registered: 2003-12-15
  • Posts: 446

Re: style question/troubles

Well, glad it worked out for you.

Do, or do not.