PDA

View Full Version : Image as CCS background?


Midori Chi
January 18th, 2009, 10:47 AM
I've seen some signatures where an image is the actual background of their css. I've been looking for it and can't find it.

Mr. Epic
January 18th, 2009, 11:10 AM
The code is: background-image: url("url of image here");
Just add that into your [css-div] with the url of the image replacing where url of image here is.

Sylphiel
January 18th, 2009, 11:17 AM
The code is: background-image: url("url of image here");
Just add that into your [css-div] with the url of the image replacing where url of image here is.
Also, just to add onto that, that code needs to come after everything else; if there are any other tags specifying anything (height, width, font, etc.), then they need to come before that background tag.

Otherwise it won't parse correctly, and the forum will think the background image link is just a regular link and mess it up by wrapping [url] tags around it. :X

Midori Chi
January 18th, 2009, 11:22 AM
It worked. = D Thank you very much. ^__^

Josephine
January 18th, 2009, 11:56 AM
...Otherwise it won't parse correctly, and the forum will think the background image link is just a regular link and mess it up by wrapping [url] tags around it. :X

That's not right..

Whenever I use a background image I always put it first, just out of habit. 0.o
See?
[css-div="background-image: url('http://img167.imageshack.us/img167/5426/notebooksiggyvh0.png'); width: 481px ;height: 300px"][css-div="float: left;"][/css-div][css-div="opacity: 0.5; float: right; padding-right: 27px; padding-top: 188px; font-size: 1.5em; line-height: 58pt;"]♥ (http://www.pokecommunity.com/member.php?u=100832)[/css-div][css-div="float: right; padding-top: 110px; opacity: 0.8; padding-right: 40px;"]And I remember short
skirts (http://www.tinyurl.com/JosephineDance), long hair,
my hormones (http://tinyurl.com/JosephineBLOG) flying
everywhere.
[/css-div][/css-div]

Mr. Epic
January 18th, 2009, 12:06 PM
True, I have done the same without any trouble!
Anyway I think PC should have a list of CSS codes written where the BB codes are.
So anyone who needs them can easily find them.

Forci Stikane
January 19th, 2009, 08:18 AM
Anyway I think PC should have a list of CSS codes written where the BB codes are.
So anyone who needs them can easily find them.

I would like to second this suggestion. At the very least, it would help those users not already intimately familiar with CSS and might even cut down on the number of threads such as this one.