|
I went with Soul Eater as the theme of my profile this Halloween. Since I think it turned out pretty nicely, I'm going to put the coding for it up for others to take if they want it. Just copy and paste the code to get the profile. Later in the journal, there is also going to be a link for the autoplay to get the song I had to match. Enjoy~!
Profile Layout
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#extendedProfileBody #header #avatar {display: none;}
#extendedProfileBody #header h1
{
background: #800080 url(http://i258.photobucket.com/albums/hh255/animekittykitty/soul-eater-02.jpg) center center no-repeat;
width: 754px;
height: 600px;
border-top: 3px solid #7E2217;
border-left: 3px solid #800517;
border-right: 3px solid #800517;}
#header
{
border: none}
body
{
background: #800080 url(http://i258.photobucket.com/albums/hh255/animekittykitty/Soul-Eater-And-Maka-Night-Sky-525054.jpg) top center repeat; background-attachment: fixed;}
color: #F75D59;}
#profile ul.items li img { background: url(none) top center repeat; }
#profile ul.items li {}
#content
{
background: #800080 url(http://i258.photobucket.com/albums/hh255/animekittykitty/Soul_Eater.jpg) left center repeat; background-attachment: fixed;
border-bottom: 3px solid #800517;
border-right: 3px solid #800517;
border-left: 3px solid #7E2217;}
html {
scrollbar-face-color: #FDD017;
scrollbar-arrow-color: #800517;
scrollbar-track-color: #6A287E;
scrollbar-shadow-color: #7D053F;
scrollbar-highlight-color: #F9B7FF;
scrollbar-3dlight-color: #F9B7FF;
scrollbar-darkshadow-Color: #7D053F;}
#friends #friendGroup li img { background: #transparent url(http://i258.photobucket.com/albums/hh255/animekittykitty/Decorated%20images/AllVocaloids.jpg) repeat; }
#friends #friendGroup li { border: none; }
#wishlist ul.items li img { background: #transparent url(none) top center no-repeat; }
#wishlist ul.items li { border: none; background-color: #transparent;}
#wishlist h2
{ background: #800080 url(http://i258.photobucket.com/albums/hh255/animekittykitty/souleateryamaro.jpg) center center repeat;
font-family: Comic Sans MS;
font-weight: Comic Sans MS;
color: #307D7E;
letter-spacing: -1px;
font-size: 16;
border: 1px solid #F535AA;
text-indent: 10px;
}
#profile h2
{ background: #800080 url(http://i258.photobucket.com/albums/hh255/animekittykitty/souleateryamaro.jpg) center center repeat;
font-family: Comic Sans MS;
font-weight: Comic Sans MS;
color: #307D7E;
letter-spacing: -1px;
font-size: 16;
border: 1px solid #F535AA;
text-indent: 10px;
}
#details h2
{ background: #800080 url(http://i258.photobucket.com/albums/hh255/animekittykitty/souleateryamaro.jpg) center center repeat;
font-family: Comic Sans MS;
font-weight: Comic Sans MS;
color: #307D7E;
letter-spacing: -1px;
font-size: 16;
border: 1px solid #F535AA;
text-indent: 10px;
}
#about h2
{ background: #800080 url(http://i258.photobucket.com/albums/hh255/animekittykitty/souleateryamaro.jpg) center center repeat;
font-family: Comic Sans MS;
font-weight: Comic Sans MS;
color: #307D7E;
letter-spacing: -1px;
font-size: 16;
border: 1px solid #F535AA;
text-indent: 10px;
}
#friends h2
{ background: #800080 url(http://i258.photobucket.com/albums/hh255/animekittykitty/souleateryamaro.jpg) center center repeat;
font-family: Comic Sans MS;
font-weight: Comic Sans MS;
color: #307D7E;
letter-spacing: -1px;
font-size: 16;
border: 1px solid #F535AA;
text-indent: 10px;
}
#comments dl dt.avatar img { background: none) bottom right no-repeat; }
#comments dl dt.avatar2 img { background: url(none) left top no-repeat; }
#comments h2
{ background: #800080 url(http://i258.photobucket.com/albums/hh255/animekittykitty/souleateryamaro.jpg) center center repeat;
font-family: Comic Sans MS;
font-weight: Comic Sans MS;
color: #307D7E;
letter-spacing: -1px;
font-size: 16;
border: 1px solid #F535AA;
text-indent: 10px;
}
#signature h2
{ background: #800080 url(http://i258.photobucket.com/albums/hh255/animekittykitty/souleateryamaro.jpg) center center repeat;
font-family: Comic Sans MS;
font-weight: Comic Sans MS;
color: #307D7E;
letter-spacing: -1px;
font-size: 16;
border: 1px solid #F535AA;
text-indent: 10px;
}
#journal h2
{ background: #800080 url(http://i258.photobucket.com/albums/hh255/animekittykitty/souleateryamaro.jpg) center center repeat;
font-family: Comic Sans MS;
font-weight: Comic Sans MS;
color: #307D7E;
letter-spacing: -1px;
font-size: 16;
border: 1px solid #F535AA;
text-indent: 10px;
}
#multimedia h2
{ background: #800080 url(http://i258.photobucket.com/albums/hh255/animekittykitty/souleateryamaro.jpg) center center repeat;
font-family: Comic Sans MS;
font-weight: Comic Sans MS;
color: #307D7E;
letter-spacing: -1px;
font-size: 16;
border: 1px solid #F535AA;
text-indent: 10px;
}
#profile, #details, #wishlist, #about, #journal, #friends, #multimedia, #comments, #signature
{ background: #fff url(URL) top left repeat-y;
font-size: 12px;
Comic Sans MS;
border: none;}
#profile, #details, #wishlist, #about, #journal, #friends, #multimedia, #comments, #about, #signature
{ background: #800080 url(URL) Right bottom repeat-y;
font-size: 12px;
font-family: Comic Sans MS;
border: none;}
.caption:before,.caption2:before
{ display: none; }
.caption:after,.caption2:after
{ display: none; }
.caption,.caption2
{ border: 1px solid #F535AA;
background: #fff url(http://i258.photobucket.com/albums/hh255/animekittykitty/souleateryamaro-1.jpg) center center;
color: #F535AA; }
.caption .message
{ background:none ;
font-size: 12;
font-family: Comic Sans MS; }
.caption2 .message
{ background:none ;
font-size: 12;
font-family: Comic Sans MS;}
#profile #bar{background: transparent;}
#bar #onlineButton {background: url(none) no-repeat;}
#bar #offlineButton {background: url(http://i228.photobucket.com/albums/ee93/Paper_Heart-X/thstar.gif) no-repeat;}
#bar #hiddenButton {background: url() no-repeat;}
#profile #bar #addButton img
{
filter:alpha(opacity=0)
opacity:0;
}
#profile #bar #addButton a
{
background: url() no-repeat;
}
#profile #bar #addButton
{
background: url() no-repeat;
}
#profile #bar #msgButton img
{
filter:alpha(opacity=0)
opacity:0;
}
#profile #bar #msgButton a
{
background: url() no-repeat;
}
#profile #bar #msgButton
{
background: url() no-repeat;
}
#profile #bar #tradeButton img
{
filter:alpha(opacity=0)
opacity:0;
}
#profile #bar #tradeButton a
{
background: url() no-repeat;
}
#profile #bar #tradeButton
{
background: url() no-repeat;
}
#profile #bar #ignoreButton img
{
filter:alpha(opacity=0)
opacity:0;
}
#profile #bar #ignoreButton a
{
background: url() no-repeat;
}
#profile #bar #ignoreButton
{
background: url() no-repeat;
}
a:link, a:visited, a:active
{ font-family: Comic Sans MS; text-transform: uppercase; color: #FBB117; font-size:9px; font-weight: normal; text-decoration: none; letter-spacing: -1px;}
a:hover { font-family: Comic Sans MS; text-transform: uppercase; color: #FBB117; font-size:9px; font-weight: normal; text-decoration: none; letter-spacing: -1px;}
#corp a:link, a:active, a:visited
{ font-family: Comic Sans MS; color: #FBB117; text-transform: uppercase; font-size:9px; font-weight: normal; text-decoration: none; letter-spacing: -1px;}
a:hover { font-family: Comic Sans MS; text-transform: uppercase; color: #FBB117; font-size:9px; font-weight: normal; text-decoration: none; letter-spacing: -1px;}
#extendedProfileBody #footer
{background: #fff;
border: 1px solid #CEF6CE;
color: #E56717;}
#site {margin:auto;}
Song
https://www.youtube.com/watch?v=qztch6_Uhuk&autoplay=1
|
