So, i'm going to make myself a new profile. Or, at least test one out. And with that, I place my old/current/dot-filled profile in this entry for safe-keeping.
Feel free to steal it.
But if you do, make sure n' comment in here telling me you did. Just so I can look at it. *nod*
Yep. Just copy and paste this monsterous code::
body{background: black url(http://img258.imageshack.us/img258/6342/yuvbg35ru.png) no-repeat; margin-top: 47px;
background-position:top center;}
#site {margin-left: auto; margin-right: auto; width: 760px;}
#extendedProfileBody #header h1
{display: none;}
#footer
{display: none;}
#footer div
{display: none;}
#footer div p
{display: none;}
#content
{background: black;}
#comments .caption
{border: none;
background: none;}
#comments .caption2
{border: none;
background: none;}
#comments .caption .message
{
background: top right no-repeat; font-size: 10px;
color: black;}
#comments .caption2 .message
{
background: top right no-repeat; font-size: 10px;
color: white;}
#profile .caption
{border: none;
background: transparent;
left: 250px;
top: 60px;}
#bar #msgButton {background: transparent url(http://tinyurl.com/g94vu) no-repeat; text-indent: -150px; position: absolute; top: 57px; left: 48px; width:80px; height:46px;}
#bar #msgButton a {background: transparent url(http://tinyurl.com/haqcp) -22px -90px no-repeat; width:80px; height:46px;}
#bar #tradeButton {background: transparent url(http://tinyurl.com/komtr) no-repeat; text-indent: -200px; position: absolute; top: 120px; left: -1px; width:width:70px; height:50px;}
#bar #tradeButton a {background: transparent url(http://tinyurl.com/el6xh) -22px -90px no-repeat; width:70px; height:50px;}
#bar #ignoreButton {background: transparent url(http://tinyurl.com/zrpmu) no-repeat; text-indent: -250px; position: absolute; top: 310px; left: 210px; width:72px; height:40px;}
#bar #ignoreButton a {background: transparent url(http://tinyurl.com/lfzt7) -22px -90px no-repeat; width:72px; height:40px;}
#bar #addButton {background: transparent url(http://tinyurl.com/nvkwg) no-repeat; text-indent: -250px; position: absolute; top: 260px; left: 274px; width:92px; height:60px;}
#bar #addButton a {background: transparent url(http://tinyurl.com/prl3e) -22px -90px no-repeat; width:92px; height:60px;}
#profile .caption .message
{
background: top right no-repeat; font-weight:bold;
color: black;}
#profile
{
background: black url(http://img155.imageshack.us/img155/7150/profavibg2zz.png) no-repeat;
border: none;
left: -9px;
top: -23px;
position: absolute;
padding: 90px 70px 5px 80px;
height: 260px;
width: 215px;
font-size: 8pt;
scrollbar: none;
border: none;}
#profile h2
{
color: #000000;
background: transparent;
text-indent: -5000px;}
#profile #bar{background: transparent;}
#bar #onlineButton {background: url(http://tinyurl.com/fh2g cool no-repeat; text-indent: -250px; position: absolute; top: 280px; left: 180px;}
#bar #offlineButton {background: url(http://tinyurl.com/ndgv7) no-repeat; text-indent: -250px; position: absolute; top: 280px; left: 180px;}
#bar #hiddenButton {background: url(http://tinyurl.com/lpwoa) no-repeat;}
#profile ul.items li {display: none;}
#wishlist ul.items li {margin-left: 50px; border: 2px solid #fff; background: url(http://tinyurl.com/o5kh cool top center no-repeat;}
#about h2
{
color: #CCCCFF;
background: transparent;
text-indent: -5000px;}
#friends h2
{display: none;
}
#friends #friendGroup li {border-right: 0px;}
#friends #friendGroup li img {background: none;
height: 90px;
border-right: 0px;
margin-bottom: 0px;
margin-top: 0px;}
opacity: 75;
filter: GLOW(color=#FFFFFF, strength=15);}
#friends #friendGroup li{border:0px;}
#journal h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}
#comments h2
{display: none;
}
#multimedia h2
{display: none;
}
#signature h2
{color: #808080;
background: transparent;
text-indent: -5000px;
margin-top: 20px;
}
#wishlist h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}
#details h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}
#about
{
color: black;
background: black url(http://tinyurl.com/n7px3) no-repeat;
position: absolute;
left: 329px;
top: 350px;
height: 145px;
width: 320px;
font-size: 10px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
filter:alpha(opacity=60);
border: none;}
#friends
{
color: black;
background: black url(http://tinyurl.com/mq5zj) no-repeat;
position: absolute;
left: 75px;
top: 410px;
padding: 0px 0px 0px 0px;
height: 150px;
width: 260px;
font-size: 10px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
filter:alpha(opacity=70);
border: none;}
#journal
{
color: black;
background: black url(http://tinyurl.com/ozhal) no-repeat;
left: 472px;
top: 151px;
position: absolute;
padding: 10px 20px 10px 10px;
height: 145px;
width: 200px;
font-size: 10px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
filter:alpha(opacity=60);
border: none;}
#comments
{
color: white;
background: black url(http://img154.imageshack.us/img154/6447/combg7ab.png) no-repeat;
position: absolute;
left: 275px;
top: 1035px;
padding: 10px 20px 10px 10px;
height: 340px;
width: 390px;
font-size: 10px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
filter:alpha(opacity=60);
border: none;}
#multimedia embed, #multimedia object {height: 260px;width: 320px; margin-left: 15px;}
#multimedia
{
color: black;
background: black url(http://img154.imageshack.us/img154/3789/vidbg9hj.png) no-repeat;
left: 20px;
top: 707px;
position: absolute;
padding: 10px 20px 10px 10px;
height: 270px;
width: 320px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
filter:alpha(opacity=60);
border: none;}
#signature
{display: none;}
#wishlist
{
color: black;
background: black url(http://tinyurl.com/ox9h cool no-repeat;
border: none;
position: absolute;
left: 423px;
top: 817px;
width: 200px;
height: 130px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
filter:alpha(opacity=70);
border: none;
font-size: 10px;}
#details
{
color: black;
background: black url(http://tinyurl.com/nzn2o) no-repeat;
border: none;
position: absolute;
left: 387px;
top: 495px;
width: 190px;
height: 210px;
filter:alpha(opacity=70);
border: none;
font-size: 10px;}
#details #commonFriends {display: none;}
#content .caption:after
{background: none;
content: '';}
#content .caption:before
{background: none;
content: '';}
#content .caption2:after
{background: none;
content: '';}
#content .caption2:before
{background: none;
content: '';}
#content #main
{border-left: 0;
padding-left: 10px;}
#comments dl dt.avatar img
{display: none;}
#comments dl dt.avatar2 img
{display: none;}
#content
{background: none;
height: 1430px;}
div#content a
{color: black; background: transparaent;
text-decoration: none;}
div#content a:hover
{ color: white; background-color: darkgrey;
text-decoration: overline underline;}
#corp
{
background: lightgrey;
margin-top:5px;
font-size: 10px;
color: black;
line-height: 22px;
a:hover (color: white; font-weight: bold; text-decoration: underline overline);}
#corp a:link, a:active, a:visited
{
color: lightgrey;
font-variant: small-caps;
text-decoration: overline underline;}
#content
{
border: none;}
#comments dl dd
{margin: 5px 0px 0px 20px;}
- - - - - - - - - -
[Under-Construction Transparent Code]
Same Drill again. Copy n' paste away!
#profile, #signature, #multimedia, #journal, #comments, #wishlist, #details, #friends, #about, #footer {moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; filter: alpha(opacity=70); }
#content a:link {color: #990066;}
#content a:hover {color: #ffffff;}
#content a:visited {color: #990066;}
body
{ position: absolute: center; border: 0px #000; background: #000 url('http://www.capriogroup.com/WebStuff/Images/Backgrounds/Tile/BG-Satin-Purple.jpg') repeat fixed top center;}
#corp, #footer
{ position: relative; bottom: 1700px;}
#content #main
{border: 0px #000; height: 1000px;}
#extendedProfileBody
{ border: 0px #000;}
#footer { background: #000000 right no-repeat;color: #fff; border: 2px solid #990066;
position: absolute; top: 2580px; left: 120px;
width: 495px; }
#corp { color: #ffffff; font-size: 8pt; text-decoration: none; position: absolute; top: 2595px; left: 120px;
width: 495px; }
#content
{ background: transparent; border: none;}
#profile h2
{
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#bar
{position: absolute; bottom: 235px; left: 20px;}
#profile .items
{
background: #000; border: 2px solid #990066;
position: absolute; bottom: 6px; right: 9px;
width: 85px; height: 169px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
text-align: center;
}
#profile .avatar
{position: absolute; top: 115px; left: 15px; filter: GLOW(color=#990066, strength=5);}
#profile .caption
{
background: #000; border: 2px solid #990066;
position:absolute; top: 50px; left: 11px; width: 220px; height: 40px;
text-align: center;
font-style: lucida console;
color: #fff;}
#profile .caption { background: none;
border: 2px solid #990066; color: #fff; }
#profile .caption:before; background: none; }
#profile .caption:after { background: none; }
#profile .caption .message { background: none; }
#profile
{
background: #000;
border: 2px solid #990066;
position: absolute; top: 0px; left: 380px;
width: 224px; height: 270px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#wishlist h2
{
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#wishlist
{
background: #000;
border: 2px solid #990066;
position: absolute; top: 0px; left: 650px;
width: 75px; height: 500px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#details h2
{
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#details
{
background: #000;
border: 2px solid #990066;
position: absolute; top: 305px; left: 380px;
width: 224px; height: 195px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#friends h2
{
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#friends #friendGroup li { border-right: 0px; filter: GLOW(color=#ffffff, strength=3);}
#friends
{
background-color: #000;
border: 2px solid #990066;
position: absolute; top: 595px; left: 0px;
width: 345px; height: 615px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#about h2
{
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#about
{
background-color: #000;
border: 2px solid #990066;
position: absolute; top: 595px; left: 391px;
width: 345px; height: 900px;
max-height: 900px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#comments h2
{
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#comments
{
background-color: #000;
border: 2px solid #990066;
position: absolute; top: 1245px; left: 0px;
width: 345px; height: 865px;
max-height: 900px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
text-align: center;
font-style: lucida console;
color: #ffffff;
}
.caption:before {display: none; }
.caption:after { display: none; }
.caption2:before { display: none; }
.caption2:after { display: none; }
#comments .caption .message, .caption2 .message { width: 315px; background: transparent;}
#comments dl { padding-bottom: 0px; }
#comments dl dd { margin: 0px; }
#comments .delete { margin: 0px; text-align: right; }
#comments #pagination li { display: inline; }
#comments dl, #comments dd, #comments dt { margin: 0px; padding: 0px; left: 0px; }
#comments dd.caption, #comments dd.caption2 { border: 1px solid #990066;
background: transparent;
margin-top: 0px;
margin-bottom: 0px;
min-height: 0px;
width: 315px; }
#comments .message { width: 315px; position: relative; }
#comments .message p.date { position: relative; top: 0px; width: 300px; text-align: left; color: #990066; }
#comments .message {background: #transparent;}
#comments .avatar { display: none; }
#comments .avatar2 { display: none; }
#comments .caption .message img,
#comments .caption2 .message img
{display: none;}
.admin{width: 60px;height: 15px;}
#journal h2
{
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#journal
{
background-color: #000;
border: 2px solid #990066;
position: absolute; top: 1530px; left: 391px;
width: 345px; height: 215px;
max-height: 500px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#signature h2
{
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#signature
{
background-color: #000;
border: 2px solid #990066;
position: absolute; top: 1780px; left: 391px;
width: 345px; height: 330px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#multimedia h2
{
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#multimedia
{
background-color: #000;
border: 2px solid #990066;
position: absolute; top: 2145px; left: 120px;
width: 480px; height: 400px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
text-align: center;
font-style: lucida console;
color: #ffffff;
}
#comments, #details, #about, #friends, #profile .items, #signature
{
scrollbar-3dlight-color: #990066;
scrollbar-arrow-color: #990066;
scrollbar-base-color: #000;
scrollbar-shadow-color: #990066;
scrollbar-face-color: #000;
scrollbar-highlight-color: #990066;
scrollbar-track-color: #000;
}
#extendedProfileBody #header h1 {
moz-opacity:0.70; opacity:0.70;
-khtml-opacity:0.70; filter: alpha(opacity=70);
background: url(http://i3.tinypic.com/vsdi05.jpg); position: absolute; left: 0px;
width: 375px; height: 532px; }
#header {position: relative; border: none; margin-bottom: 7px;}
#site { margin-left: auto; margin-right: auto; }
- - - - - - - - - -
[My Grey-Block Profile Code]
Same drill as the Dotty one. Copy n' paste!
body{background: black url(http://img84.imageshack.us/img84/893/test2oi9.png) no-repeat; margin-top: 47px;
background-position:top center;}
#site {margin-left: auto; margin-right: auto; width: 760px;}
#extendedProfileBody #header h1
{display: none;}
#footer
{display: none;}
#footer div
{display: none;}
#footer div p
{display: none;}
#content
{background: black;}
#comments .caption
{border: none;
background: none;}
#comments .caption2
{border: none;
background: none;}
#comments .caption .message
{
background: top right no-repeat; font-size: 10px;
color: black;}
#comments .caption2 .message
{
background: top right no-repeat; font-size: 10px;
color: white;}
#profile .caption
{border: none;
background: transparent;
left: 170px;
top: 0px;
font-size: 12px;}
#bar #msgButton {background: transparent url(http://tinyurl.com/nxn8t) no-repeat; text-indent: -150px; position: absolute; top: 7px; left: 1px; width:50px; height:50px;}
#bar #msgButton a {background: transparent url(http://tinyurl.com/lqja7) -22px -90px no-repeat; width:50px; height:30px;}
#bar #tradeButton {background: transparent url(http://tinyurl.com/nxn8t) no-repeat; text-indent: -200px; position: absolute; top: 7px; left: 50px; width:width:50px; height:50px;}
#bar #tradeButton a {background: transparent url(http://tinyurl.com/q7fnc) -22px -90px no-repeat; width:50px; height:30px;}
#bar #ignoreButton {background: transparent url(http://tinyurl.com/nxn8t) no-repeat; text-indent: -250px; position: absolute; top: 150px; left: 220px; width:52px; height:43px;}
#bar #ignoreButton a {background: transparent url(http://tinyurl.com/qm24t) -22px -90px no-repeat; width:52px; height:30px;}
#bar #addButton {background: transparent url(http://tinyurl.com/nxn8t) no-repeat; text-indent: -250px; position: absolute; top: 150px; left: 170px; width:52px; height:60px;}
#bar #addButton a {background: transparent url(http://tinyurl.com/mqdz4) -22px -90px no-repeat; width:52px; height:30px;}
#profile .caption .message
{
background: top right no-repeat; font-size:12px;
color: black;}
#profile .avatar
{display: none;}
#profile
{
background: black url(http://img83.imageshack.us/img83/4198/proft1uh0.png) no-repeat;
border: none;
left: 230px;
top: 217px;
position: absolute;
height: 100px;
width: 100px;
font-size: 8pt;
scrollbar: none;
border: none;}
#profile h2
{
color: #000000;
background: transparent;
text-indent: -5000px;}
#profile #bar{background: transparent;}
#bar #onlineButton {background: url(http://tinyurl.com/lprse) no-repeat; text-indent: -4250px; position: absolute; top: 90px; left: 10px; height: 100px; width: 150px;}
#bar #offlineButton {background: url(http://tinyurl.com/nwq2x) no-repeat; text-indent: -4250px; position: absolute; top: 90px; left: 10px; height: 100px; width: 150px;}
#bar #hiddenButton {background: url(http://tinyurl.com/s2och) no-repeat;}
#profile ul.items li {display: none;}
#wishlist ul.items li {margin-left: 50px; border: 2px solid #fff; background: url(http://tinyurl.com/o5kh cool top center no-repeat;}
#about h2
{
color: #CCCCFF;
background: transparent;
text-indent: -5000px;}
#friends h2
{display: none;
}
#friends #friendGroup li {border-right: 0px;}
#friends #friendGroup li img {background: none;
height: 90px;
border-right: 0px;
margin-bottom: 0px;
margin-top: 0px;}
opacity: 75;
filter: GLOW(color=#FFFFFF, strength=15);}
#friends #friendGroup li{border:0px;}
#journal h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}
#comments h2
{display: none;
}
#multimedia h2
{display: none;
}
#signature h2
{color: #808080;
background: transparent;
text-indent: -5000px;
margin-top: 20px;
}
#wishlist h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}
#details h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}
#about
{
color: black;
background: black url(http://tinyurl.com/rgdrw) no-repeat;
position: absolute;
left: 511px;
top: 75px;
height: 275px;
width: 270px;
font-size: 10px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
filter:alpha(opacity=60);
border: none;}
#friends
{
color: black;
background: black url(http://tinyurl.com/nh3tb) no-repeat;
position: absolute;
left: 243px;
top: 422px;
padding: 0px 0px 0px 0px;
height: 150px;
width: 285px;
font-size: 10px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
filter:alpha(opacity=70);
border: none;}
#journal
{
color: black;
background: black url(http://tinyurl.com/od9pc) no-repeat;
left: 245px;
top: 73px;
position: absolute;
padding: 10px 20px 10px 10px;
height: 125px;
width: 245px;
font-size: 10px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
filter:alpha(opacity=60);
border: none;}
#comments
{
color: white;
background: black url(http://img215.imageshack.us/img215/1777/comt1wo2.png) no-repeat;
position: absolute;
left: -31px;
top: 63px;
padding: 10px 20px 10px 10px;
height: 463px;
width: 245px;
font-size: 10px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
filter:alpha(opacity=60);
border: none;}
#multimedia embed, #multimedia object {height: 210px;width: 310px; margin-left: 0px;}
#multimedia
{
color: black;
background: black url(http://img207.imageshack.us/img207/3264/multit1fj2.png) no-repeat;
left: 227px;
top: 576px;
position: absolute;
padding: 10px 20px 10px 10px;
height: 210px;
width: 300px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
filter:alpha(opacity=60);
border: none;}
#signature
{display: none;}
#wishlist
{
color: black;
background: black url(http://tinyurl.com/q99ta) no-repeat;
border: none;
position: absolute;
left: -37px;
top: 540px;
width: 260px;
height: 130px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
border: none;
font-size: 10px;}
#details
{
color: black;
background: black url(http://tinyurl.com/mh9le) no-repeat;
border: none;
position: absolute;
left: 508px;
top: 349px;
width: 230px;
height: 240px;
filter:alpha(opacity=70);
border: none;
font-size: 10px;}
#details #commonFriends {display: none;}
#content .caption:after
{background: none;
content: '';}
#content .caption:before
{background: none;
content: '';}
#content .caption2:after
{background: none;
content: '';}
#content .caption2:before
{background: none;
content: '';}
#content #main
{border-left: 0;
padding-left: 10px;}
#comments dl dt.avatar img
{display: none;}
#comments dl dt.avatar2 img
{display: none;}
#content
{background: none;
height: 790px;}
div#content a
{color: black; background: transparaent;
text-decoration: none; font-weight: bold;}
div#content a:hover
{ color: white; font-weight: bold; background-color: cornflowerblue;
text-decoration: overline underline;}
#corp
{
background: lightgrey;
margin-top:5px;
font-size: 10px;
color: black;
line-height: 22px;
a:hover (color: white; font-weight: bold; text-decoration: underline overline);}
#corp a:link, a:active, a:visited
{
color: lightgrey;
font-variant: small-caps;
text-decoration: overline underline;}
#content
{
border: none;}
#comments dl dd
{margin: 5px 0px 0px 20px;}
