Welcome to Gaia! ::

Reply Carpet Bomb
Awesome CSS Codes

Quick Reply

Submit

Pie32
Captain
Pie32's avatar

Newbie Noob

PostPosted: Thu Nov 10, 2005 3:38 pm
Change Avatar:

If your background is not white, you'll have to change #FFF. (#333 is the color for the Grunny Theme)
Code:
#profile
{
    background: #FFF url('NEW_AVATAR') no-repeat 1px 65px;
}
#profile .avatar
{
    filter:alpha(opacity=0);
    opacity:0;
}
 
PostPosted: Thu Nov 10, 2005 3:42 pm
Center Profile: (or right align)
(Only works in Internet Explorer)
Code:
#footer { position: relative; top: auto; }
#corp { position: relative; top: auto; }
#site
{
  text-align: left;
}
#content #sidebar
{
    position: absolute;
    top: auto;
    left: auto;
}
#content #main
{
    margin-left: 242px; 
}
body
{
    text-align: center;
}
 

Pie32
Captain
Pie32's avatar

Newbie Noob


Pie32
Captain
Pie32's avatar

Newbie Noob

PostPosted: Thu Nov 10, 2005 3:44 pm
Quote is an Image:

In the details, put one character as your quote (or more if you want for some reason). I suggest '!'.
Code:
#profile .caption
{
width: WIDTH_OF_IMAGEpx;
height: HEIGHT_OF_IMAGEpx;
background: url('URL_OF_IMAGE');
}
 
PostPosted: Thu Nov 10, 2005 10:08 pm
Change Cursor:

See this thread: http://www.gaiaonline.com/guilds/viewtopic.php?t=1565413  

Pie32
Captain
Pie32's avatar

Newbie Noob


Pie32
Captain
Pie32's avatar

Newbie Noob

PostPosted: Fri Nov 11, 2005 1:48 pm
Change Status Bar Images:

I'm including this, not because it's cool, but because I seem to be the first person to write a code for it: (where it says #ignore, you can also put in #friend, #message, or #trade to edit the other buttons.
Code:
#profile #bar #ignore img
{
    filter:alpha(opacity=0);
    opacity:0;
}
#profile #bar #ignore
{
     background: url('NEW_BUTTON_IMAGE') no-repeat;
}
 
PostPosted: Fri Nov 11, 2005 7:46 pm
Better Music Embed:

If you put some music in your multimedia, but don't want that big player thingy there, inster this code:
Code:
#multimedia { text-indent: -5000px; position: relative; left: -5000px; }
#comments { position: relative; top: -420px; }
#signature { position: relative; top: -420px; }

If you are using my centering code, make sure this next bit is after that code, otherwise it can go anywhere (or nowhere at all if you don't want to move the footer up):
Code:
#footer { position: relative; top: -420px }
#corp { position: relative; top: -420px }
 

Pie32
Captain
Pie32's avatar

Newbie Noob


Pie32
Captain
Pie32's avatar

Newbie Noob

PostPosted: Sat Nov 12, 2005 3:59 pm
Stupid Bonus Code:
Want people to know that you really want them to view your profile with Internet Explorer, because it's got all the best CSS codes? Just use this code, you can even customize the message. It doesn't show in IE, isn't that great?
Code:
body:before { font-size: 50px; font-weight: 900; color: #FF1122; content: " USE INTERNET EXPLORER! MY PROFILE LOOKS SO MUCH BETTER IN IT! Plus it doesn't have this really annoying message! " }
 
Reply
Carpet Bomb

 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games