Re-Stylise Your Profile With CSS.

um i dont know how to do this because all these words are confusing me

the reason why its so confusing is because there are a lot of things that can be changes.

But CSS is actually really simple when its just a small site.

this is so helpful =]

Bump for useful content.

Agreed. Should be stickied or something.

Could I enlist the aid of a kind, chivalrous, fellow (or madam) here to help me with my CSS? It's just so confusing! I want something cute/sexy with pastel color, but my codes don't seem to be wokring ;-;

Here is my CSS

---

.focusarea{ background-color:#FFE1FF;}
.maincontent{ background-color:#C6E2FF;}
.playbar{ background-color:#C6E2FF;}

---

I do not have any clue why this is not wokring. Any help would be greatly appreciated <3

Ditto

wow

i dont get it,its not working :(

i'm trying to edit the color of my experience bar, and its not working:\ i have it uploaded to photobucket in png format

(http://i845.photobucket.com/albums/ab12/CrimsonValour/expbars.png)

its the same size as the original

(http://insite-world.com/css_maker/resources/progressbars.png)

whenever i put my url into the area that says:

"Input edited image's URL.
On you've edited that image, you'll need to specify the URL you've uploaded it to:

URL:________________"

and hit "generate preview", nothing happens.
(i'm using http://insite-world.com/css_maker/progress.html to give me th css codes)

can somebody just give me the css code and mark where to put the url? thanks a bunch in advance

The image looks fine, it might just be that the preview isn't working.

As per the generator, this is the code you want to put in your stylesheet:





.progressbar div{background:url(http://i845.photobucket.com/albums/ab12/CrimsonValour/expbars.png)}.progressbar .begin{background-position:left 0px;}.progressbar .end{background-position:right 0px;}.progressbar .mid{background-position:left -40px;}.progressbar.green .begin{background-position:left -80px;}.progressbar.green .end{background-position:right -80px;}.progressbar.green .mid{background-position:left -120px;}.progressbar.blue .begin{background-position:left -160px;}.progressbar.blue .end{background-position:right -160px;}.progressbar.blue .mid{background-position:left -200px;}

Because it's a CSS thread, and he had a question about CSS.

<_<

TY TOBY THIS RULES!

:l how do you deleat the white text bubble S:

If you want to load a YouTube video into your profile but don't want to hide your profile picture and don't like a YouTube video visible, here is what you can do with the least amount of work possible:

1. Open up Macromedia Flash (my method uses Actionscript 2.0)
2. Right click the first frame and press "Actions"
3. Copy and paste the following actionscript:

_root.createEmptyMovieClip('holder_mc',0);
holder_mc.loadMovie("INSERT YOUTUBE VIDEO EMBED LINK HERE (DON'T FORGET ;autoplay=1 AT THE END SO THAT IT AUTOPLAYS)");
holder_mc._x="-555";
holder_mc._y="-555";
holder_mc._alpha=0;
picture.loadMovie("INSERT IMAGE LINK HERE (A DIRECT LINK)");
picture._x="0";
picture._y="0";
picture._alpha=100;

4. Make a new symbol. Under the "Movie Symbol" part and above the part where the file dimensions and sizes are (in the "Properties" box), there's a blank box. Put the name "picture" in that box.

You'll have to experiment to get the right picture size, and you'll still have to follow Super CSS Fairy's YouTube embed instructions to get the proper link, but if you're even slightly adept at Flash, this is a cakewalk to do. More experienced Actionscript users can probably even find a way to reduce the code even more, but if you don't want to get confused, follow my instructions exactly, and it should work.