Welcome to Gaia! :: View User's Journal | Gaia Journals

first bionicle layout copy this code /* www.GaiaCentral.com */
/* Free Gaia online Resources */

#site{margin-left: auto; margin-right: auto;}

body {margin-bottom: -5px;}

body{background: url(http://s228.photobucket.com/albums/ee156/gaiacentral/tag.gif) bottom left no-repeat fixed;}
html{background: #000000 url(http://i305.photobucket.com/albums/nn223/Kanohi_Dragon/Bionicle/bionicle.jpg) repeat center left; background-attachment: scroll;}
#content{background: none; margin: 0px; border: none;}

#gaia_header *{color: #0000FF; background: #0000FF!important;}
#gaia_header img{filter: alpha(opacity=50); opacity: .2;}
#gaia_header {border-bottom:1px solid #0000FF;}
#gaia_header a {font-family: 'Times New Roman', Times, serif; font-size:12px; color:#660000!important; border-bottom:1px solid #0000FF;}

html, #site{
scrollbar-arrow-color: #669900;
scrollbar-track-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color: #000000;}


a{font-family: Arial; font-size: 12px; color: #660000; font-weight: bold; text-decoration: none;}
a:link, a:visited{font-family: 'Times New Roman', Times, serif; font-size: 12px; color: #660000; font-weight: bold;}
a:hover{font-family: 'Times New Roman', Times, serif; color: #000000; font-weight: none; font-size: 12px; text-decoration: underline;}
img {max-width: 400px;}

#header {margin: 0px; border-right: 0px; border: none;}
#extendedProfileBody #header h1{background: url(http://i305.photobucket.com/albums/nn223/Kanohi_Dragon/Bionicle/bionicle-1.jpg); width: 420px; height: 100px; border-width: 4px; border-style: solid; border-color: #FF0000; margin-bottom: 10px; margin-left: 352px; margin-top: 50px; }
#profile, #wishlist,#details{background: #0000FF; border: 4px solid #FF0000; margin-top: -126px; margin-bottom: 150px; margin-left: 30px; width: 220px; font-family: 'Times New Roman', Times, serif; color: #669900; font-size: 12px;}
#profile h2, #wishlist h2, #details h2{background: #0000FF; width: 240px; border: 0px; text-align: center; font-family: 'Times New Roman', Times, serif; color: #FFFFFF; font-size:12px; text-transform: none; font-weight: none; margin-top:5px;}
#about, #signature, #comments,#friends,#journal{background: #0000FF; border: 4px solid #FF0000; margin-bottom: 20px; margin-left: 117px; width: 400px; color: #669900; font-family: 'Times New Roman', Times, serif; font-size: 12px; font-weight: none; padding-left: 5px; padding-right: 5px;}
#about h2, #signature h2, #comments h2,#friends h2,#journal h2{background: #0000FF; border-bottom: 0px solid #FF0000; text-align: center; font-family: 'Times New Roman', Times, serif; color: #FFFFFF; font-size: 12px; text-transform: none; font-weight: none; margin-left: 0px; max-width: 400px;}

.caption, .caption2{background: #0000FF; border-width: 4px; border-style: solid; border-color: #FF0000; font-family: 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold; padding-top: 10px; padding-bottom: 5px; overflow: hidden; overflow-x: auto;}
.caption:before, .caption2:before{content: url(http://i164.photobucket.com/albums/u24/gl-images/noimage.gif); background: url(http://i164.photobucket.com/albums/u24/gl-images/noimage.gif) top right no-repeat;}
.caption:after, .caption2:after{content: url(http://i164.photobucket.com/albums/u24/gl-images/noimage.gif);background: url(http://i164.photobucket.com/albums/u24/gl-images/noimage.gif) bottom right no-repeat;}
.caption .message{background: url(http://i164.photobucket.com/albums/u24/gl-images/noimage.gif) top left no-repeat; font-family: 'Times New Roman', Times, serif; font-size: 12px; font-weight: none;}
.caption2 .message{background: url(http://i164.photobucket.com/albums/u24/gl-images/noimage.gif) top right no-repeat; font-family: 'Times New Roman', Times, serif; font-size: 12px; font-weight: none;}

#bar{background: transparent;}
#bar #onlineButton {background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonOnline.gif) no-repeat;}
#bar #offlineButton {background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonOffline.gif) no-repeat;}
#bar #hiddenButton {background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonHidden.gif) no-repeat;}
#profile #bar #addButton img{filter: alpha(opacity=0);opacity: 0;}
#profile #bar #addButton a{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonAdd.gif) no-repeat;}
#profile #bar #addButton{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonAdd.gif) no-repeat;}
#profile #bar #msgButton img{filter: alpha(opacity=0);opacity: 0;}
#profile #bar #msgButton a{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonMessage.gif) no-repeat;}
#profile #bar #msgButton{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonMessage.gif) no-repeat;}
#profile #bar #tradeButton img{filter: alpha(opacity=0);opacity: 0;}
#profile #bar #tradeButton a{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonTrade.gif) no-repeat;}
#profile #bar #tradeButton{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonTrade.gif) no-repeat;}
#profile #bar #ignoreButton img{filter: alpha(opacity=0);opacity: 0;}
#profile #bar #ignoreButton a{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonIgnore.gif) no-repeat;}
#profile #bar #ignoreButton{background: url(http://i153.photobucket.com/albums/s233/gl-graphics/profile/__/buttonIgnore.gif) no-repeat;}

/* Multimedia */
#multimedia {background: #0000FF; border: 4px solid #FF0000; margin-bottom: 20px; margin-left: 134px; width: 360px; height: 320px; padding-left: 5px; padding-right: 5px; }
#multimedia h2 {background: url() top left no-repeat; text-align: center;
font-family: Arial; color: #FFFFFF; font-size: 14px; text-transform: none; font-weight: bold; margin-left: -10px;}
#multimedia embed {width: 360px; height: 288px;}
#friends #friendGroup li{border-right: 0px;}
#friends #friendGroup li{border-left: 0px;}

for insrutions on how to instal go to my last layout 1