GFXVoid Graphic Design Forum

Remove Text Formatting
Loading...

» Online Users: 1,217

0 members and 1,217 guests
No Members online

» Site Navigation

 > FAQ

» Stats

Members: 35,443
Threads: 103,072
Posts: 826,684
Top Poster: cc.RadillacVIII (7,429)
Welcome to our newest member, Lekelindids
Results 1 to 3 of 3
  1. #1
    Join Date
    Feb 2005
    Location
    Floorboards
    Posts
    823

    Default

    Ever had a background image that you wanted only to repeat once on the x-axis or the y-axis. Here's some simple CSS to do it with! This is great for creating boxes to type stuff in!

    Repeat-X:

    Code:
    .repeatx {
    background-image:url(repeat.jpg);
    background-repeat:repeat-x;
    background-position:center
    }
    Repeat-Y:
    Code:
    .repeaty {
    background-image:url(repeat.jpg);
    background-repeat:repeat-y;
    background-position:center
    }
    Hope you enjoyed this tut! It's very useful for image based sites!

  2. #2
    Join Date
    Mar 2005
    Posts
    13

    Default

    there's a shorthand version of that as well. if you want to apply a x-repeated image to your back ground, all you have to put this in your .css file:

    Code:
    body {
     *background : url(ashe.jpg) repeat-x;
    }

    if you want to position your background image in a specific spot, just use this:

    Code:
    body {
     *background : url(ashe.jpg) repeat-x top;
    }
    where "top" can be "left" "right" "center" "bottom"

  3. #3
    Join Date
    Jul 2005
    Location
    Amsterdam
    Posts
    522

    Default

    very handy indeed... thanks guys. i bookmarked this

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Powered by vBadvanced CMPS v4.1.1