Awesome CSS Codes | Page 1 | Carpet Bomb | Guild Forums

Pie32
Captain

Newbie Noob

Offline

Posted: 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;
}

Posted: 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

Newbie Noob

Offline

Pie32
Captain

Newbie Noob

Offline

Posted: 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');
}

Posted: Thu Nov 10, 2005 10:08 pm


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

Pie32
Captain

Newbie Noob

Offline

Pie32
Captain

Newbie Noob

Offline

Posted: 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;
}

Posted: 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

Newbie Noob

Offline

Pie32
Captain

Newbie Noob

Offline

Posted: 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! " }

Welcome to Gaia! ::

Gaia Guilds

Official Pie32 Guild

Quick Reply

More Information