Misc. Advanced Codes
Changing the Hover Property of a Section
#section_name:hover {whatever property you want to mess with}
Basically what will happen is say, you make the section 'about' and say you make the code/property { color: red; }, then this code changes all font in the about section to the color red WHEN hovered over. But when it's not hovered over it will either be black or whatever other color you've set it to be.
You can change the hover for links/pictures/text. Pretty much anything that has an id/class can have a hover property!
This only works on FIREFOX!
Changing The Status Bar
#bar
#bar #onlineButton
#bar #offlineButton
#bar #hiddenButton
#bar #addButton
#bar #msgButton
#bar #tradeButton
#bar #ignoreButton
#bar #addButton a
#bar #msgButton a
#bar #tradeButton a
#bar #ignoreButton a
The above are the possible parts of the status bar that can be changed.
The following are commands that you can apply to them.
{ position: ----; left: 0px; top: 0px; }
{ height: 0px; width: 0px; }
{ background: url('xxx'); }
You should ALWAYS apply a height and width to your new status bar images UNLESS they are the exact same as Gaia's original ones.
To change the image simply give it a new background image using the "{ background: url('xxx'); }" code and then declare your position (if different from original) and height/width.
The "#bar #addButton a" id's refer to the image when your mouse is hovering over the button. IF you do NOT give them a new background image it will show the old Gaia image when you hover.
View User's Journal
CSS Profile Codes
This is a basic and advanced tutorial on how to CSS profiles.
 |
Unfrigginbelievable
Community Member |
Legalize