Deviant Login Shop  Join deviantART for FREE Take the Tour
×


Details

Submitted on
March 15, 2008
File Size
5.4 KB
Link
Thumb

Stats

Views
48,617 (4 today)
Favourites
147 (who?)
Comments
29
Downloads
112
×


Site Align:
Left - #site { margin-left: auto; margin-right: auto; width: 765px; }

Center - #site { margin-right: auto; margin-left: auto; width: 765px; }

Right - #site { margin-center left: auto; margin-left: auto; width: 765px; }

Background Body & Content:
body { background: #000 url( image url goes here ) fixed right bottom repeat; color: #fff; }

#content { background: #000 url( image url goes here ) fixed right bottom repeat;

Section Background:
Note:You can use this if you want all sections of the layout to like alike or you can do each separately ( This is easier! )
With color: #profile, #details, #wishlist, #about, #friends, #journal, #multimedia, #comments, #signature { background: #fff; }
With image: #profile, #details, #wishlist, #about, #friends, #journal, #multimedia, #comments, #signature { background: #000 url( image url goes here ) fixed right bottom repeat;  }
No background: #profile, #details, #wishlist, #about, #friends, #journal, #multimedia, #comments, #signature { background: none; }

Cursor Changer:
Note:You can also use other cursors like...help, pointer,ect.
body
{
cursor: cursor name;
}

Border:
Note:Some other borders are...solid, double, dash, outset, inset. An px size can go to almost any size.
.section { border: 2px dotted #000; }

Section Postioning:
Note:Only postions that can be used are absolute and relative (Use absolute!). Where it say left you can also put in right, and you can put any number in front of px.
#section name { position: relative; left: 0px; top: 550px; width: 230px; }

Make Your Sections Scrollers:
Note:You can put any number in front of height and width.
#section name {overflow:scroll;overflow-x:hidden;overflow-y:auto; height:200px;width:400px;font-size:9pt;color:#fff;}

Caption Changer:
#comments { background: #fff; }
.caption { background: #000 url( image url goes here );
border: 2px solid #000; color: #000; }
.caption:before { content: url( image url goes here );
background: url() top right no-repeat;
}
.caption:after { content: url( image url goes here );
background: url( image url goes here ) bottom right no-repeat; }
.caption .message { background: url( image url goes here ) top left no-repeat; }

.caption2 { background: #000 url( image url goes here );
border: 2px solid #fff; color: #fff; }
.caption2:before { content: url( image url goes here );
background: url( image url goes here ) top right no-repeat; }
.caption2:after { content: url( image url goes here );
background: url( image url goes here ) bottom right no-repeat; }
.caption2 .message { background: url( image url goes here ) top right no-repeat; }

Profile Bar:
Note:Best images to use are small .gif file images but if you want to use a bigger image for something just change the width and height px size.
#bar {background: transparent; position: absolute;}

#bar #addButton {background: transparent url( image url goes here ) no-repeat; text-indent: -4000px; position: absolute; top: -10px; left: 70px; width:15px; height:10px;}
#bar #addButton a {background: transparent url( image url goes here ) -22px -90px no-repeat;width:15px; height:10px; border: 0px;}

#bar #tradeButton {background: transparent url( image url goes here ) no-repeat; text-indent: -4000px; position: absolute; top: -10px; left: 100px; width:15px; height:10px;}
#bar #tradeButton a {background: transparent url( image url goes here ) -22px -90px no-repeat; width:15px; height:10px; border: 0px;}


#bar #msgButton {background: transparent url( image url goes here ) no-repeat; text-indent: -4000px; position: absolute; top: -10px; left: 130px; width:15px; height:10px;}
#bar #msgButton a {background: transparent url( image url goes here ) -22px -90px no-repeat; width:15px; height:10px; border: 0px;}

#bar #ignoreButton {background: transparent url( image url goes here ) no-repeat; text-indent: -4000px; position: absolute; top: -10px; left: 40px; width:15px; height:10px;}
#bar #ignoreButton a {background: transparent url( image url goes here ) -22px -90px no-repeat;width:15px; height:10px; border: 0px;}

#bar #onlineButton {background: transparent url( image url goes here ) no-repeat; text-indent: -4000px; position: absolute; top: -10px; left: 40px; width:15px; height:10px;}
#bar #onlineButton a {background: transparent url( image url goes here ) -22px -90px no-repeat;width:15px; height:10px; border: 0px;}

#bar #offlineButton {background: transparent url( image url goes here ) no-repeat; text-indent: -4000px; position: absolute; top: -10px; left: 40px; width:15px; height:10px;}
#bar #offlineButton a {background: transparent url( image url goes here ) -22px -90px no-repeat;width:15px; height:10px; border: 0px;}

Text:
Note:You can use any text font name.
body
{
font-family: Font name;
color : #000;
text-align:left;
}

Don't Display:
Note:This lets you take ANYTHING that you don't want to be shown on your profile. Also you can put any number of sections in the list.
#section name,  {display:none}
This is for people who want to make there own gaiaonline profile layout.
There are some basic codes here, but there are others that are not.
But here is another place on gaia that gives you ALL basic codes you need:
[link]

You can take these codes an add them on.
Hope you use them!
Also sorry if I put this under the wrong category I didn't know what to put it under
An ONLY FOR GAIAONLINE!
Add a Comment:
 
:iconaquathros:
Thank you so much for this.  I'm updating my profile and this really helps!
Reply
:iconxduckli:
xDuckli Aug 4, 2013  Student Digital Artist
Do you know how to make pictures half transparent? o A o"
Reply
:iconblossombrigade:
cant i just tell you what i want and you do it for me? ;) lol
Reply
:iconsqueekyfangirl:
Im a lil confused
the centered code
didnt work on my profile
and no I didnt copy ad paste
the "center" - #site lol

im using the custom profile
on gaia and i wanna make
it centered... well duh lool

my username is S a l v a i i Heita
on Gaia :) If you wanna message
me there????

Plz and thank you :)
Reply
:icontheemopanda14:
TheEmoPanda14 Dec 23, 2011
How do you make the text glow ;O ?
Reply
:iconpngbbyg13:
I wanna know how to add a deviant to Gaia.. it said i need the URL for it, and i did that and it said that, it was blank so idk, i also wanna add the deviant to my gaia profile as well
Reply
:iconsamurainoryuu:
Samurainoryuu Dec 2, 2011  Student General Artist
I'm so confused. x.x; I've tried using the codes that I keep finding and it isn't working right.
Reply
:iconstalkerturtlesexist:
In my opinion you should have probably separated your notes/helpful comments from the actual code. It would have been easier. ^^ Just a suggestion :3
Reply
Add a Comment: