How can I use profile style sheets?
Printed From: BodyMod.org
Category: BodyMod.org
Forum Name: BodyMod.org FAQ
Forum Discription: BodyMod.org Frequently Asked Questions
URL: http://www.bodymod.org/forum/forum_posts.asp?TID=1149
Printed Date: November/22/2008 at 2:20am
Topic: How can I use profile style sheets?
Posted By: Adam
Subject: How can I use profile style sheets?
Date Posted: August/18/2004 at 3:12am
|
Okay, unfortunatly there's no quick answer, so here's my best shot: Custom style sheets allow you to control what is shown, how it is shown, and where it is shown. This applies to text, images, tables, the body of the page and more. !!!IMPORTANT!!! Okay, so.. Here are a couple examples: This will set your background to an image on another server: body { This one is the same, but tells it not to tile the image, and to make it fixed: body { This makes the class labeled "Heading" bold, Arial font, Red color, and underlined: .Heading{ There are so many things you can do, there's no way I could list them all. You're really limited to what you can imagine for the most part. Here are a couple good links to help you out no matter how much of a n00b (novice) or L337 H4X0r you are: http://www.w3schools.com/css/default.asp - http://www.w3schools.com/css/default.asp http://www.w3.org/TR/REC-CSS2/ - http://www.w3.org/TR/REC-CSS2/ <- Official site http://www.w3.org/MarkUp/Guide/Style - http://www.w3.org/MarkUp/Guide/Style <- Has cool color tool http://www.mompswebdesign.com/jscript/scbarcolor.html - http://www.mompswebdesign.com/jscript/scbarcolor.html <- Scroll Bar Color Generator Now, besides the classes that you can play with you can also play around with all of the <DIV> tags. With these, you can set their location and layering with positioning attributes and z-index attributes. Just run a Google search for more info here. Here is a quick <DIV> example that modifies the "LastTen" ID: This move the Last Ten block to the top left corner 200px from the left and 200px from the top and sets the width of the thing to 200px. Z-Index is it's layer to put it on top of everything else: #LastTen{ This will hide the "LastTen" block all together: #LastTen{ Here's a list of all the classes that I have made for you to play with: .button They're pretty self-describable, but if you can't figure one out, just change it to something and look for the change =) Here is a list of all the <DIV> id's that you can mess with: NameHeading Once again, you can prolly guess what they each control by their name. After you add your style sheet to your profile, make sure that you turn it on (Check "Yes" under the style sheet box). Should you choose to go back to the default settings, you can just change the toggle back to "No". This will NOT erase your style sheet. You can just turn it back on later if you want. If you want something to compare to, here is the style sheet that I use for this site: http://www.BodyMod.org/modstyle.css - http://www.BodyMod.org/modstyle.css It's not complex at all, so it should be helpful. If anyone would like to add to this to help people out, make any corrections to something I've said, or show off your own style sheets you're using here, please post them here so everyone can see! Thanks, and have fun! .: Adam |
Replies:
Posted By: Sezzastar
Date Posted: August/20/2004 at 9:23am
|
Hey Adam i looked at the style sheet you used for this site- What do all the FFFFFF and #### and DEDEDE mean? I can understand the rest (sort of!) but i don't get these. Thanx beforehand for any help of you!! ------------- Sarah |
Are they for the colours cos there was an '#FF0000 in ne off the examples you gave us. I'm trying my hardest to work this out so i can have a cool profile! 
Posted By: Adam
Date Posted: August/20/2004 at 11:10am
|
the #FFFFFF and such are hex for colors. They're the Hex value for RGB's. The first two represent red 00(none) -> FF(all), second, green, third blue. http://www.brobstsystems.com/colors.htm - Here's a cool hex color chart. Hope this helps ya out =) .: Adam |
Posted By: Sezzastar
Date Posted: August/23/2004 at 5:00am
Cheers Adam! Hey i'm gonna work this out sooner or later (later!).  ------------- Sarah |
Posted By: they_know
Date Posted: August/31/2004 at 6:32am
|
this is really cool. i am unreasonably excited by this. i wish i wasn't so tired, so i could work on mine right now! ------------- no one dared, no one cared to tell me where the pretty girls are...those demigods- with their nine-inch nails and little fascist panties tucked inside the heart of every nice girl |
Posted By: Craigavonite
Date Posted: July/24/2005 at 9:16am
|
i cant get it to change my background image body { scrollbar-base-color: #000000;scrollbar-arrow-color: #FFFFFF;scrollbar-face-color: #000000;scrollbar-3dlight-color: #FFFFFF; background-image: url("http://img.photobucket.com/albums/v24/craigavonite/Devi ations/Dark_Exchange_Wallpaper_by_nasht_01.jpg") } alls right in the code, and the right image even shows up on the "edit your skin" page, but it wont switch from my old background on my actual profile page (even tried clearing my cache) any ideas? ------------- Suddenly, there was a terrible roar all around us, and the sky was full with what looked like huge bats |
Posted By: psychokinetic
Date Posted: July/24/2005 at 11:34am
|
you broke it :O ok,no, sorry i dont know, ill go now :P ------------- you breathed, then you stopped i breathed and dried you off... |
Posted By: Craigavonite
Date Posted: July/24/2005 at 11:37am
|
it wont change the background image even when i use the button on the page as normal, im clearly not l337 enough
------------- Suddenly, there was a terrible roar all around us, and the sky was full with what looked like huge bats |
Posted By: stevimay
Date Posted: July/03/2008 at 5:47pm
|
there is no "yes" or "no" box on mine... i dont understand what you were saying about that ------------- bitch, show a juggalette respect you don't wanna tussle with a down ninjette |
Posted By: Zal VII
Date Posted: July/03/2008 at 6:26pm
|
It's not there anymore, any styles you add will be automatically 'on', if you don't want styles then keep the box empty.
------------- My name is Inigo Montoya, you killed, my Father, prepare to die! |
Posted By: Jeeennnnniiiii
Date Posted: July/03/2008 at 6:48pm
this thread was made in 2004, so i'm guessing adam's made a few changes since then lol 
------------- well i might have somethin' to say about that, space man! |
Posted By: be0allthatyou0e
Date Posted: September/08/2008 at 9:52pm
|
can anyone show me some examples of how they've changed their borders and pop-down menu's...
i'm learning, i just need to see it to be sure i'm doing this right.
|
Posted By: be0allthatyou0e
Date Posted: October/01/2008 at 4:08pm
|
ok, since no one answered my last question, i'll try another..
can anyone show me some examples of how they've put their codes together? i'm not going to copy anyone, i just need an example so i better understand how to get mine to work. |
Posted By: CheeseStix
Date Posted: October/01/2008 at 4:16pm
|
Personally, I just have incomplete little blurbs here and there, some worked, some didn't, but here's a bit of what I've got. (lets hope it posts correctly..) .moduleBox{background-image:none;} .moduleWideBox{background-image:none;} #qm0 div{background-color:#000000;} #qm0 div a:hover{background-color:#000066;} body #qm0 div .qmactive, body #qm0 div .qmactive:hover{background-color:#993366;} .Heading{ color: #0000FF; font-family: Arial; font-weight: bold; font-decoration: underlined } img src="assets/misc/solar-radar.jpg" width="105" height="140" alt="solar-radar (7K)" style="-moz-opacity:0.5;filter:alpha(opacity=50);cursor:hand" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50" ------------- http://www.bodymod.org/profiles/profile~ID~29919.aspx"> 
|
Posted By: be0allthatyou0e
Date Posted: October/01/2008 at 5:12pm
| thank you, that helped out alot :D |
Posted By: CheeseStix
Date Posted: October/01/2008 at 5:16pm
|
Sweet, glad I could help. I'm curious to see what you accomplish.. I'm old school, like HTML old... so this is all way beyond me. ------------- http://www.bodymod.org/profiles/profile~ID~29919.aspx">
|
Posted By: InsaneIQ
Date Posted: October/01/2008 at 5:18pm
|
I don't really have time to mess around with the styles of my page. I'm quite happy with the default setting. This is so uncharacteristic of me. I'm the type of guy who likes to tweak, change, and customize EVERYTHING. But it's good to know all these tools are available; just in case I get really bored one day.
How ever, I'm having a hard time changing the contents or my "details" or "fun facts". Those sections are messed up. I literally can't get to them to make any changes. I really want to change my avatar and background some time. ------------- Violence solves everything! |
Posted By: be0allthatyou0e
Date Posted: October/01/2008 at 5:33pm
me too. haha. but seeing examples helps me out alot. it's gonna be sweet 
|
Posted By: CheeseStix
Date Posted: October/01/2008 at 7:12pm
Hmmm.. I really dunno what to say about that.. let Mr. Adam know? A lot of glitches like that seem to randomly affect only certain people, it's odd.. ------------- http://www.bodymod.org/profiles/profile~ID~29919.aspx">
|
Posted By: InsaneIQ
Date Posted: October/01/2008 at 8:20pm
|
Ya it's been that way for so long, since the last site overhaul. I had pretty much gotten used to it. Until recently, all this talk about lurkers and putting a real face on the avatar reminded me of my inability to change mine. I have sent Adam a message a few days ago. I think he is working on it, I hope.
------------- Violence solves everything! |
Posted By: spyke09
Date Posted: October/02/2008 at 11:22pm
|
damn i wish i wouldve seen this class list before i spent time finding classes oh well, im satisfied with my profile ------------- "God is man's worst creation." |