ok so everyone is always asking me about my layout and how i do it and stuff so i am just going to start putting some of the codes here and anyone can use them
i can also take requests so if you have an idea for a layout for me to make i would be glad to hear your thoughts
welli guess i will get started with my first one that i added on tektek.org but it kind of dissapeared with all the noob layouts
OK this layout has a pink and black victorian background its really cute i used it for a while
THIS IS FOR AN OLDSCHOOL LAYOUT STYLE
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: scroll;}
#extendedProfileBody #header h1
{
background: url(http://img324.imageshack.us/img324/6725/meheader6xr.jpg)
border:double;
border: 4px solid #99ccff;
}
#header {position: relative; border-right: 0px;}
#extendedProfileBody{cursor: move;}
a:link,a:active,a:visited,a:hover {cursor: move}
BODY{
background: #666666 url(http://i56.photobucket.com/albums/g166/Jynxed1986/661.gif) repeat fixed; position: absolute;
width: 760px;
margin: 0 auto;
cursor: move;
}
#content
{
border: none;
background: none;
}
#content #main{
padding-left: 10px;
}
.section {
font: 10px verdana;
font-weight:bold
background-color: #000000;
background: url('')
{ border-style: double; }
border: 1px double #99ccff;
padding-top: 10px;
}
.section h2{
color: #ff3399;
font-size: 10px;
text-indent: -3000px; }
#wishlist,#about,#friends,#comments,#journal,#multimedia,#details,#profile,#signature{background: #000000 url()}
#about,#friends,#comments,#multimedia,#signature,#journal{
width: 480px;
}
body
{
font-family: arial;
font-size: 15pt;
color: #ff3399
}
#profile
background-color:#000000;
url('')
}
#profile h2
{
background: url() top left no-repeat;
text-indent: 1px;
}
#profile
{
color:#000000;
}
#profile .avatar
{
}
#details h2
{
background: url(http://public.tektek.org/img/themes/19750/1e8cb427.jpg) top center no-repeat;
text-indent: px;
}
#about h2
{
background: url(http://public.tektek.org/img/themes/19750/1dff54e9.jpg) top center no-repeat;text-indent: -50000px;}
text-indent: px;
}
#friends #friendGroup li{border-right:0px;}
#friends h2
{
background: url(http://public.tektek.org/img/themes/19750/05d2a96f.jpg) top center no-repeat;text-indent: -50000px;}
text-indent: px;
}
#friends #friendGroup li img
{
background: url(http://i168.photobucket.com/albums/u181/krash10/i206994803_81449_5.gif) top left repeat;
filter:progid:DXImageTransform.Microsoft.Glow(Color=#FFFFFF,Strength=5)
width: 96px;
}
#wishlist h2
{ background: url(http://public.tektek.org/img/themes/19750/5e5f46c9.jpg) top center no-repeat;text-indent: -50000px;}
text-indent: px;
}
#comments h2
{
background: url(http://public.tektek.org/img/themes/19750/63167b9f.jpg) top center no-repeat;text-indent: -50000px;}
text-indent: px;
}
.caption { background: transparent url(http://i53.photobucket.com/albums/g53/jessika_strange/Other%20Stuff/Black.gif)
border: 1px solid #333; color: #FFFFFF; }
.caption:before { content: url()
background: url() top right no-repeat;
}
.caption:after { content: url()
background: url( image URL goes here ) bottom right no-repeat; }
.caption .message { background: url() top left no-repeat; }
.caption2 { background: transparent url(http://i78.photobucket.com/albums/j89/jenny388/graystripes.jpg)
border: 1px solid #333; color: #000000; }
.caption2:before { content: url()
background: url(http://i78.photobucket.com/albums/j89/jenny388/graystripes.jpg) top right no-repeat; }
.caption2:after { content: url()
background: url(http://i78.photobucket.com/albums/j89/jenny388/graystripes.jpg) bottom right no-repeat; }
.caption2 .message { background: url() top right no-repeat; }
#comments dl dt.avatar img
{
background: url(0 no-repeat;
}
#comments dl dt.avatar2 img
{
background: url() no-repeat;
}
#journal h2
{
background: url(http://public.tektek.org/img/themes/19750/38e5593e.jpg) top center no-repeat;text-indent: -50000px;}
text-indent: px;
}
#mulitmedia h2
{ background: url(http://public.tektek.org/img/themes/19750/5250d511.jpg) top center no-repeat;text-indent: -50000px;
text-indent: px;
}
#signature h2
{ background: url(http://public.tektek.org/img/themes/19750/c1dd4fa3.jpg) top center no-repeat;text-indent: -50000px;
text-indent: px;
}
}
a:link,a:active,a:visited,a:hover {
font: 10px Verdana;
font-weight: bold;
cursor: move;
}
a:link { color:#99ccff; font-weight: bold; text-decoration: none}
a:visited { color: #99ccff; font-weight: bold; text-decoration: italic}
a:active { color: #666666; font-weight: bold; text-decoration: underline overline}
a:hover { color: #99ccff; font-weight: bold; text-decoration: line-through}
#about { scrollbar-track-color: #666666; scrollbar-face-color: #ff3399; scrollbar-arrow-color: #99ccff; scrollbar-shadow-color: #ff3399; scrollbar-darkshadow-color: #99ccff; scrollbar-highlight-color: #999999; scrollbar-3dlight-color: #9900ff; }
#about { overflow-x: auto; overflow-y: auto; }
#about { width: 480px; height: 360px; }
JUST PM ME FOR HELP
love~aiden
 xhardcore angelx · Sun Jul 29, 2007 @ 09:23pm · 1 Comments |
