|
|
|
hey!
This is the first layout I've made here, so please bear with me if it's too not-up-to-standard. It's about music, though the phrase "feel high" seems to be about drugs.
nuh-uh, kays?
Anyways, kudos to:
-//dyona (me)
-invisiblesnow
-redheadstock
-xcassiex24
-& gaia central for the base codes
here's the code:
#site{margin-left: 400px; margin-right: 0px;}
body {margin-bottom: -5px;}
body{background: url(http://i129.photobucket.com/albums/p231/maplefiona/maincopy-15.jpg) top left no-repeat fixed;}
html{background: #000000 url(http://i129.photobucket.com/albums/p231/maplefiona/gaiaprofile.jpg) repeat top left; background-attachment: fixed;}
#content{background: none; margin: 0px; border: none;}
#gaia_header *{color: #000000; background: #000000!important;}
#gaia_header img{filter: alpha(opacity=50) opacity: .2;}
#gaia_header {border-bottom:1px solid #000000;}
#gaia_header a {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#f8d311!important; border-bottom:1px solid #000000;}
html, #site{
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #FFffff;
scrollbar-face-color: #fffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-shadow-color: #ffffff;}
a{font-family: Arial; font-size: 11px; color: #f8d311; font-weight: bold; text-decoration: none;}
a:link, a:visited{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #f8d311; font-weight: bold;}
a:hover{font-family: Arial, Helvetica, sans-serif; color: #f8d311; font-weight: none; font-size: 11px; text-decoration: underline;}
img {max-width: 400px;}
#header {margin: 0px; border-right: 0px; border: none;}
#extendedProfileBody #header h1{background: url(http://i129.photobucket.com/albums/p231/maplefiona/bannercopy.jpg) width: 435px; height: 100px; border-width: 4px; border-style: none; border-color: #000000; margin-bottom: 10px; margin-left: 344px; margin-top: 50px; border: 4px double}
#profile, #wishlist,#details{background: #000000; border: 4px none #; margin-top: -126px; margin-bottom: 150px; margin-left: 50px; width: 220px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; opacity:0.9;filter:alpha(opacity=90)}
#profile h2, #wishlist h2, #details h2{background: #000000; width: 240px; border: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #e3277c; font-size:12px; text-transform: none; font-weight: none; margin-top:5px; opacity:0.9;filter:alpha(opacity=90) border: 2px dotted}
#about, #signature, #comments,#friends,#journal{background: #000000; border: 4px none #; margin-bottom: 20px; margin-left: 117px; width: 400px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; padding-left: 5px; padding-right: 5px; opacity:0.9;filter:alpha(opacity=90)}
#about h2, #signature h2, #comments h2,#friends h2,#journal h2{background: #000000; border-bottom: 0px none #; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #e3277c; font-size: 12px; text-transform: none; font-weight: none; margin-left: 0px; max-width: 400px; opacity:0.9;filter:alpha(opacity=90) border: 2px dotted}
.caption, .caption2{background: #000000; border-width: 4px; border-style: none; border-color: #; font-family: Arial, Helvetica, sans-serif; font-size: 11px; 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: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none;}
.caption2 .message{background: url(http://i164.photobucket.com/albums/u24/gl-images/noimage.gif) top right no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 11px; 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: #000000; border: 4px none #; 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: #e3277c; 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;}
Oh, by the way, the banner might not match the main image itself ( I did that the last minute), so if you want to use another banner, please check the width and the height of the banner.
kays, that's all, if any else is needed, please PM me.
Thanks,
dyona
 Dyona · Tue Sep 02, 2008 @ 06:38pm · 0 Comments |
|
|
|
|
|
|
hey, sup?
I've deleted all my previous posts in order to build up this new weblog for storing and sharing all the profile layouts I've made so far. It may not be very nice, but its my efforts, so please appreciate it.
All credits to making each and every layout would be posted on the journal entry itslef,
so if by any chance you discover any of your works (etc brushes or patterns) on a layout, please go to the respective journal entry to check for your due credit, namely a link to yours art account or where ever I've found the material needed for the layout.
thanks much,
dyona
Dyona · Tue Sep 02, 2008 @ 06:02pm · 0 Comments |
|
|
|
|
|
