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! > Custom Background
539336976_Inactive (New Admin) 12/11/2007 2:40 AM EST : Custom Background

539336976_Inactive
Posts: 5
Getting Started!

Okay, I am just not good at figuring this stuff out.

I am attempting to learn how to customize my backgrounds and was searching through the posts and found some good entries. Did a whole lot of cutting and pasting and i cant ever get any leverage. All i get is an error message.

I want to figure out how to do this. The image i was toying with is:

<a href="http://photobucket.com" target="_blank"><img src="http://img.photobucket.com/albums/v234/Locust00/210OrgrimmarFallsAsleep.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a>

What i did manage to do was make my entire background white.

I do not know for sure if this is the one i wanna stick with but i cant get around the coding to play with it. Any advice or links on a how to for programming retards?

TopBottom

Rosary_KT (Guild Admin) 12/12/2007 9:46 AM EST : RE: Custom Background
Rosary_KT
Posts: 1072
Zomgawsh Poster

For a background, you need to remove the hyperlink and html coding.

All you need to link to your background is this:
http://img.photobucket.com/albums/v234/Locust00/210OrgrimmarFallsAsleep.jpg


No alternate text supplied.
TopBottom

539336976_Inactive (New Admin) 12/14/2007 1:04 AM EST : RE: Custom Background

539336976_Inactive
Posts: 5
Getting Started!

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?
TopBottom

Bejewels (New Admin) 1/3/2008 2:43 PM EST : RE: Custom Background
Bejewels
Posts: 475
Fingers of Fury!

Another question in this area..Where do you put the code for Fix backgrounds?  I am using a theme template as a base, but then adjusting it to how I want it ...

I have tried putting it in my center Custom HTML box with it check enable at the bottom..  Doesn't work..

 

TopBottom

Rosary_KT (Guild Admin) 1/7/2008 8:39 AM EST : RE: Custom Background
Rosary_KT
Posts: 1072
Zomgawsh Poster

Dominion_GM said:
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.
No alternate text supplied.
TopBottom

wheatleyim (New Admin) 3/22/2008 6:50 AM EST : RE: Custom Background

wheatleyim
Posts: 7
Getting Started!

Rosary_KT said:
Dominion_GM said:
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

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