Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > fixed background help plz :(
wheatleyim (New Admin) 3/23/2008 1:44 AM EST : fixed background help plz :(

wheatleyim
Posts: 7
Getting Started!

Rosary_KT said:

quote:

Dominion_GM said:

quote:

Thank you kindly for the reply, i got the link to work.

Is there any way that i can avoid the tiling and get the picture to stretch once in the background?


add this css to your background property:
no-repeat

That will keep it from repeating. If you want to position it in a certain place  you can add top, left, right and bottom to that.

example:
body {
background: url('image.jpg') top left no-repeat;
}

You can also 'stick' the background so that it doesn't move when the page is scrolled with this css:

background-attachment: fixed;

After that, if you still want to position it further you can add margins like this:
margin: 10px auto 50px auto;

The first number is how far from the top of the page you want it, the second value is the right side, bottom and then left side (it goes clockwise).  Auto means that the image will center on the left and right sides but you can assign a number value if you want it in a certain place.


@bejewels - you need to put it in the body portion of a custom stylesheet. the templates don't have a spot for this.



i am using 
body {
background: url('http://www.axiomfiles.com/Files/243126/untitled-1.jpg') top left no-repeat;background-attachment: fixed;
}
right now, but when i add anything to my custom css tab my page gets jacked up.  is there anywhere else i can put this code to fix my page.

right now i have it set to just repeat image through regular options, but it doesnt stay static and it repeats, i dont want that ;(
www.moiriaos.com  @guildportal
TopBottom

Rosary_KT (Guild Admin) 3/24/2008 7:17 AM EST : RE: fixed background help plz :(
Rosary_KT
Posts: 1072
Zomgawsh Poster

wheatleyim said:
Rosary_KT said:

quote:


@bejewels - you need to put it in the body portion of a custom stylesheet. the templates don't have a spot for this.




see above, custom stylesheet is the only place. You'll need to move all your styles over if you're going to use the stylesheet.
No alternate text supplied.
TopBottom

wheatleyim (New Admin) 3/24/2008 8:23 AM EST : RE: fixed background help plz :(

wheatleyim
Posts: 7
Getting Started!

Rosary_KT said:
wheatleyim said:
Rosary_KT said:

quote:


@bejewels - you need to put it in the body portion of a custom stylesheet. the templates don't have a spot for this.




see above, custom stylesheet is the only place. You'll need to move all your styles over if you're going to use the stylesheet.



dangit, i have no idea how to keep my page looking the same with custom stylesheets bleh bleh bleh


www.moiraios.com
TopBottom

archabaddon (New Admin) 3/26/2008 5:46 AM EST : RE: fixed background help plz :(
archabaddon
Posts: 643
Zomgawsh Poster

Here's my tip:

Right-click on your current page and choose "View Source" or "View Page Source".  You can save the page source to a text file and extract your current CSS values that way.  That's basically how I learned to do CSS, starting here in GuildPortal.

After that, you'll have some framework to start tweaking your own CSS.  As far as the background is concerned, your code will probably look something like mine:

body {
BACKGROUND-IMAGE: url('http://xxx/picture.jpg');
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
BACKGROUND-COLOR: #000000;
}

You can view this guide to see what CSS styles GuildPortal uses.

For free online pointers on programming CSS, check out this site.

Good luck 
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%