1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Changing the bg of wordpress

Discussion in 'WordPress' started by fuser00, Jan 14, 2009.

  1. #1
    HI, i wanted to know if my code was ok or not as its not showing up..

    body {
    	background:url(http://www.jovenesderiver.com/images/grassif6.gif) ; background-repeat: repeat
    	font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    Code (markup):

    Thanks, fuser
     
    fuser00, Jan 14, 2009 IP
  2. uglyboy

    uglyboy Peon

    Messages:
    1,963
    Likes Received:
    134
    Best Answers:
    0
    Trophy Points:
    0
    #2
    double quotes.. background:url("your-image-url") ;

    body {
    	background:url("http://www.jovenesderiver.com/images/grassif6.gif") ; background-repeat: repeat
    	font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    Code (markup):
     
    uglyboy, Jan 14, 2009 IP
  3. fuser00

    fuser00 Well-Known Member

    Messages:
    1,212
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    150
    #3
    Hi, its not wirking... dont know how to make it work

    Thanks, fuser
     
    fuser00, Jan 15, 2009 IP
  4. bojomojo

    bojomojo Peon

    Messages:
    921
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #4
    the repeat attribute, either use an x-repeat or y-repeat
     
    bojomojo, Jan 15, 2009 IP
  5. uglyboy

    uglyboy Peon

    Messages:
    1,963
    Likes Received:
    134
    Best Answers:
    0
    Trophy Points:
    0
    #5
    This works..

    
    
    body {
    	background:url("http://www.jovenesderiver.com/images/grassif6.gif"); 
            background-repeat: repeat;
    	font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    }
    
    Code (markup):
     
    uglyboy, Jan 15, 2009 IP
    allout likes this.
  6. Pandemix

    Pandemix Well-Known Member

    Messages:
    954
    Likes Received:
    29
    Best Answers:
    0
    Trophy Points:
    120
    #6
    Quotes don't usually make a difference in whether or not the background will work. I think it's just a preference for how some coders do write the background code.

    You need to add either repeat-y, or repeat-x to the code. Or, just get rid of the "background: repeat" in general and it will work.
     
    Pandemix, Jan 15, 2009 IP
  7. uglyboy

    uglyboy Peon

    Messages:
    1,963
    Likes Received:
    134
    Best Answers:
    0
    Trophy Points:
    0
    #7
    This code works correctly if you wish to repeat the image the both vertically and horizontally.. repeat is the default.

    
    
    body {
    	background:url("http://www.jovenesderiver.com/images/grassif6.gif"); 
             background-repeat: repeat;
    	font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    }
    
    
    Code (markup):
     
    uglyboy, Jan 15, 2009 IP