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! > Problem with Floater Image
drakemoogle (Guild Admin) 6/30/2010 10:54 PM EST : Problem with Floater Image

drakemoogle
Posts: 44
Becoming Adept!

here my page Here

the Floater image (The Clouds) is not growing to the page size.
i want the image to be as the same size of the page, no matter if i size down the page.
can any of you guys and girls can help me?
Photobucket
TopBottom

Mottie (MVP) 6/30/2010 11:06 PM EST : RE: Problem with Floater Image
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Drakemoogle!

Try adding this to your CSS Additions tab (Control Panel > Custom HTML & Script > Custom CSS > CSS Additions to Standard tab):
.bgFloaterImage { width: 100%; }
Make sure you check "Enabled?" before Saving.
TopBottom

drakemoogle (Guild Admin) 6/30/2010 11:10 PM EST : RE: Problem with Floater Image

drakemoogle
Posts: 44
Becoming Adept!

nope the image just disappear
Photobucket
TopBottom

drakemoogle (Guild Admin) 6/30/2010 11:19 PM EST : RE: Problem with Floater Image

drakemoogle
Posts: 44
Becoming Adept!

ok never mind man i found out what was the problem, it was my image provider.

can you brackdown that code so i can understand how it works... i'm in a 3D animation school and i have a small class in coding, so this might help.
Photobucket
TopBottom

Mottie (MVP) 7/1/2010 2:58 PM EST : RE: Problem with Floater Image
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Drakemoogle!

Basically the code I gave you is CSS.
.bgFloaterImage { width: 100%; }
  • The period "." in the front specifies that it is targeting a CSS class, so any HTML tag you see with class="..." can be targeted with CSS easily. To target an ID (id="..."), the CSS will need a hash mark "#" in front instead of the period (e.g. #bgFloaterImage).
  • "bgFloaterImage" is just the class name assigned to the HTML tag. You can add a class tag to any of the HTML tags ( e.g. <img class="myimage" src="..." /> )
  • The curly brackets enclose all CSS definitions for that particular bit of code. Each CSS definition within the brackets must be separated by a semi-colon ";". There is only one CSS definition in the example above, so the semi-colon would be optional, but I keep the habit of always adding them.
  • width: 100% - This is what is called a key:value pair. The key definition in this case is "width" with sets the width of the ".bgFloaterImage" class. The value of the width I want would be "100%".
This is a very basic example of how CSS works. For a slightly more in depth explaination/tutorials, see the w3cschools tutorials on CSS and a few other languages (the tabs across the top of the page).
TopBottom

drakemoogle (Guild Admin) 7/15/2010 12:42 AM EST : RE: Problem with Floater Image

drakemoogle
Posts: 44
Becoming Adept!

O thank you dude your so helpful and a lifesaver.
I'm trying to do something like this with the footer can you help me with that?
Photobucket
TopBottom

drakemoogle (Guild Admin) 7/15/2010 2:50 AM EST : RE: Problem with Floater Image

drakemoogle
Posts: 44
Becoming Adept!

Ok i Fixed the Footer image
i did not see the Footer image Tab in the custom CSS area
Photobucket
TopBottom

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