Skem9 .^. Skem9 V2 (Old School) Layout .^. fake out-mp3 .^.

Update Coming Soon! Check out Skem9's future roadmap
Browse Layout Creators
Preview
Layout For:: Skem9 V2 (Old School)
Category:: Simple
Added:: 02/19/13, 4:43am
Creator:
Views: 948
Likes:: 0
Rating:: 5
This layout is for Skem9 V2 (Old School)
Posters Notes

made in psp with some mp3 graphic designs.
Simple, simple, profile, mp3, look, alike
body {
background-color:#323232;
background-image: url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/background-mp3plyr.jpg);
background-position: top center;
background-repeat: repeat;
background-attachment: fixed;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif;
}
a img {
border:0px;
}
a,
a:visited {
color: #000000;
font-size: 12px;
font-weight:normal;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: none;
}
table,
td,
div,
p{
font-family: tahoma, verdana, sans-serif;
font-size: 12pt;
color: #000000;
}
#foot a,
#foot a:visited {
color: #000000;
font-size: 12px;
font-weight:normal;
text-decoration: none;
}
#foot a:hover {
color: #000000;
}
#contents {
width: 800px;
margin: auto;
background-color: #323232;
background-image: none;
background-position: center;
background-repeat: repeat;
background-attachment: fixed;
text-align:left;
border:2px outset #4c4a4a;
overflow: hidden;
}
#contents2 {
margin: auto;
width: 800px;
background-color: transparent;
background-image: none;
padding: 0px 0px;
}
#head {
margin: auto;
width: 800px;
height:225px;
background-color: #323232;
background-image: url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/head-mp3plyr.jpg);
background-position: bottom center;
background-repeat: no-repeat;
background-attachment: scroll;
border: 0px solid #ffffff;
}
.proPic img{
width: 180px;
}
.proPic {
float:left;
width:190px;
overflow: auto;
margin-top: 4px;
margin-left:5px;
padding: 5px 5px 30px 5px;
background-color: transparent;
background-image: none;
background-position: top center;
background-repeat: repeat;
border: 0px outset #c0c0c0;
text-align:center;
box-shadow: solid 0 0 14px #000000;
}
.proPic a {
color: #000000;
}
.proInfoTable {
overflow: auto;
float:left;
width:300px;
margin-left:5px;
margin-top: 4px;
margin-bottom: 10px;
padding: 5px 5px 30px 5px;
background-color: transparent;
background-image: none;
background-position: top center;
background-repeat: repeat;
border: 0px double #c0c0c0;
color: #000000;
}
.proR {
width:195px !important;
background-color: #323232;
float:left;
display:block;
margin:1px;
padding:2px;
color: #000000;
}
.proL {
width:90px !important;
float:left;
display:block;
background-color: #323232;
background-image: none;
margin:1px;
text-align:left;
padding:2px 5px 2px 0;
color: #000000;
}
.goodies {
width:230px;
overflow: auto;
text-align:center;
background-color: transparent;
background-image: none;
background-position: top center;
background-repeat: repeat;
border: 0px double #c0c0c0;
float:left;
margin-left:10px;
margin-top: 5px;
padding: 5px 10px 31px 5px;
box-shadow: solid 0 0 14px #000000;
}
.goodies a {
color: #000000;
}
.goodies b {
display:block;
background-color: transparent;
background-image: url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/dark-mp2.jpg);
background-attachment: scroll;
background-repeat: repeat;
background-position: bottom right;
color: #323232;
font-family:georgia;
font-weight: bold;
line-height: 32px;
margin-bottom: 5px;
padding: 2px;
border: 2px outset #4c4a4a;
}
.goodies .boxes span {
width:75px;
height: 70px;
float:left;
padding:5px;
margin:2px;
margin-left: 15px;
background-color: transparent;
border:0px solid #d0c3b2;
color: #000000;
overflow: hidden;
box-shadow: solid 0 0 12px #000000;
}
.goodieBox {
display:none;
padding:10px;
}
.items {
margin:0;
width: 740px;
margin-left: 20px;
padding-left: 10px;
background-color: transparent;
background-image:  none;
background-position: bottom center;
background-repeat: repeat;
}
.GoodieItems {
width: 155px;
height: 155px;
overflow: hidden;
background-color: transparent;
background-image: none;
background-position: bottom center;
background-repeat: repeat;
float:left;
margin: 5px;
border: 2px solid #10b8e7;
text-align:center;
padding:5px;
color: #000000;
}
.GoodieItemsHover {
width: 155px;
height: 155px;
overflow: hidden;
float:left;
margin: 5px;
border: 2px solid #10b8e7;
text-align:center;
padding:5px;
background-color: transparent;
background-image: none;
background-position: top center;
background-repeat: repeat;
color: #10b8e7;
}
.goodieBox h3 {
margin:5px 0 0 5px;
background-color: transparent;
background-image:  url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/dark-mp2.jpg);
background-attachment: scroll;
background-repeat: repeat;
background-position: top right;
border: 2px outset #4c4a4a;
color: #323232;
}
.smallAbout {
width:50%;
text-indent:15px;
padding:5px;
margin:5px;
background-color: transparent;
background-image: none;
background-position: bottom center;
background-repeat: repeat;
border: 0px solid #825a1f;
}
.linkBar {
background-color: transparent;
background-image: url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/dark-mp2.jpg);
background-attachment: scroll;
background-repeat: repeat;
background-position: bottom right;
margin: 5px;
line-height: 25px;
border: 2px outset #4c4a4a;
}
.linkBar a {
padding:5px;
background-color: transparent;
background-image: none;
background-position: top center;
background-repeat: repeat;
border: 0px solid #d0c3b2;
color: #323232;
}
.linkBar a:hover {
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-position: top center;
background-attachment: scroll;
color: #10b8e7;
border: 0px solid #d0c3b2;
}
.MyTokens {
background-color: transparent;
background-image:  url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/dark-mp2.jpg);
background-attachment: scroll;
background-repeat: repeat;
background-position: top right;
padding:5px;
color: #323232;
border: 2px outset #4c4a4a;
text-indent: 40px;
}
#GoodiePopBox {
width: 100%;
margin: auto;
background-color: transparent;
}
.proQuote {
padding-top: 10px;
line-height:23px;
text-align: left;
font-style:italic;
color: #000000;
font-style:normal;
background-color: transparent;
background-image:  url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/proquote-mp3.jpg);
background-attachment: scroll;
background-repeat: repeat;
background-position: bottom left;
border-bottom: 0px solid #ffffff;
border-top: 0px solid #ffffff;
}
.contactTable {
width: 158px;
height: 225px;
margin-bottom: 10px;
padding-bottom: 30px;
background-color: #323232;
background-image:  none;
background-position: top center;
background-repeat: repeat;
border:2px double #4c4a4a;
}
#ContactTable a img {
display: none;
}
a.add2buds {
display: block;
height: 95px;
width: 138px;
background-color: transparent;
background-image: url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/add-mp3.jpg) !important;
background-attachment: scroll;
background-position: center;
background-repeat: no-repeat;
margin-left: 10px;
}
a.add2buds:hover {
display: block;
height: 95px;
width: 138px;
background-color: transparent;
background-image: url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/go-mp3.jpg) !important;
background-attachment: scroll;
background-position: center;
background-repeat: no-repeat;
margin-left: 10px;
}
a.blockbud {
display: block;
height: 62px;
width: 138px;
background-color: transparent;
background-image: url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/block-mp3.jpg) !important;
background-attachment: scroll;
background-position: center;
background-repeat: no-repeat;
margin-left: 10px;
}
a.blockbud:hover {
display: block;
height: 62px;
width: 138px;
background-color: transparent;
background-image: url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/go-mp3.jpg) !important;
background-attachment: scroll;
background-position: center;
background-repeat: no-repeat;
margin-left: 10px;
}
a.messagebud {
display: block;
height: 60px;
width: 138px;
background-color: transparent;
background-image: url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/mail-mp3.jpg) !important;
background-attachment: scroll;
background-position: center;
background-repeat: no-repeat;
margin-left: 10px;
}
a.messagebud:hover {
display: block;
height: 60px;
width: 138px;
background-color: transparent;
background-image: url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/go-mp3.jpg) !important;
background-attachment: scroll;
background-position: center;
background-repeat: no-repeat;
margin-left: 10px;
}
ul#Umenu {
position: absolute;
position: center;
left: 0px;
right: 0px;
top:  0px;
padding-top: 2px;
height: 0px;
width: 60%;
padding-left: 25%;
padding-right: 15%;
display: inline;
background-color: transparent;
background-image: none;
background-attachment: scroll;
background-repeat: repeat;
background-position: bottom right;
border-bottom: 0px inset #ffffff;
}
ul#Umenu li {
width: 15%;
margin-left: 6px;
float: left;
color: #000000;
font-size: 0px;
text-align: center;
border-bottom: none;
}
ul#Umenu li a {
width: 100%;
background-color: transparent;
color: #000000;
border-bottom: none;
text-align: center;
font-size: 0px;
border: 0px inset transparent;
}
ul#Umenu li a:hover,
ul#Umenu li.NewMail a {
width: 100%;
color: #000000;
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-position: top center;
background-attachment: scroll;
border-bottom: none;
text-align: center;
font-size: 0px;
border: 0px inset #ffffff;
}
#search{
display: none;
}
#Rmenu2 {
margin: auto;
width: 775px;
height: 45px;
background-color: #323232;
background-image:  none;
background-attachment: scroll;
background-repeat: repeat;
background-position: bottom center;
list-style: none;
position: relative;
border-bottom: 0px solid #ffffff;
border-top: 0px solid #ffffff;
}
#Rmenu2 ul li {
padding: 0px;
width: 100px;
text-align: center;
}
#Rmenu2 ul li a,
#Rmenu2 ul li a b {
width: 100%;
height: 45px;
background-color: transparent;
color: #000000;
text-align: center;
border: 0px solid #ffffff;
padding: 0px;
}
#Rmenu2 ul li a:hover{
width: 100%;
height: 35px;
background-color: transparent;
background-image:  none;
background-repeat: repeat;
background-position: bottom right;
background-attachment: scroll;
color: #10b8e7;
text-align: center;
border: 0px solid #ffffff;
padding: 0px;
}
#Rmenu2 ul li a:hover b {
color: #10b8e7;
background-transparent;
background-image:  none;
text-align: center;
padding: 0px;
}

.MLineP {
margin-bottom: 5px;
color: #000000;
font-weight:normal;
background-color: transparent;
background-image:  url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/prohead-mp3.jpg);
height:69px;
background-attachment: scroll;
background-repeat: repeat;
background-position: bottom right;
padding:2px;
text-align:left;
line-height:72px;
border-bottom: 0px double #ffffff;
border-top: 0px double #ffffff;
}
.MLine {
color:#323232; 
font-weight:normal; 
background:#323232 url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/dark-mp2.jpg); 

padding:2px; border:2px outset #4c4a4a;text-align:center;}

.MLine a:link,

.MLine a:visited {color:#323232; font-weight:normal;text-decoration:none.;}

.MLine a:hover, 
.MLine a:active {color:#10b8e7;font-weight:normal;}

.MLine a {color:#323232;font-weight:normal;}
.browse {
background-color: #323232;
background-image:  url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/dark-mp2.jpg);
background-attachment: scroll;
background-repeat: repeat;
background-position: bottom right;
border: 2px outset #4c4a4a;
padding:4px;
text-align:center;
}
.browse a,
.browse a:visited,
.browse a:active,
.browse a:focus {
background-color:#323232;
border: 1px inset #4c4a4a;
padding:3px;
color: #000000;
font-weight:normal;
text-decoration:none;
}
.browse a:hover {
padding:4px;
background-color: #323232;
background-image: none;
background-repeat: repeat;
background-position: bottom right;
background-attachment: scroll;
border: 1px inset #4c4a4a;
color: #10b8e7; !important;
}
.browse span {
background-color: #323232;
background-image: none;
background-position: bottom center;
background-repeat: repeat;
margin-top: 20px;
padding:3px;
color: #000000;
border: 1px inset #4c4a4a;
}
#ProfileContents {
display:inline;
background-color: transparent;
width: 570px !important;
padding: 5px;
border-left: 190px solid transparent;
}
.ProContents {
display: inline;
width: 560px;
}
#ProfileContents .proProfile img{
max-width: 150px;
}
#ProfileContents .proProfile {
background-color: transparent;
background-image: none;
border:0px double #10b8e7;
text-align: center;
float:left;
position:relative;
padding: 5px 5px 30px 5px;
margin-top: 5px;
margin-left: 10px;
display:inline;
width: 160px;
overflow: hidden;
}
#mainContents img{
max-width: 505px;
}
.proProfile ul {
list-style-type:none;
margin:0;
padding:0;
}
.proProfile ul li {
margin:0;
}
.proProfile .linkTitle {
display: none;
}
.extraTableSide {
text-align: center;
margin-top: 10px;
padding: 0px 8px 35px 8px;
background-color: transparent;
background-image: none;
color: #000000;
}
.extraTable1 {
overflow: hidden;
text-align: center;
background-color: transparent;
background-image: none;
border: 0px solid #0759ad;
color: #000000;
}
.extraTable2 {
float:right;
overflow: hidden;
text-align: center;
background-color: transparent;
background-image: none;
border: 0px solid #ffffff;
color: #000000;
}
.extraTable1 img,
.extraTable2 img{
max-width: 90%;
}
.ExtraTableTitle,
.extraTableTitle {
background-color: transparent;
background-image:  url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/dark-mp2.jpg);
background-attachment: scroll;
background-repeat: repeat;
background-position: bottom left;
border: 2px outset #4c4a4a;
color: #323232;
text-align: center;
font-weight: normal;
line-height: 32px;
}
.top5Layouts {
background-color: transparent;
background-image:  none;
background-position: top center;
background-repeat: repeat;
border:0px solid #ffffff;
padding: 5px 2px 30px 2px;
float:left;
text-align:center;
margin: 0px 1px;
}
.UProSide {
width:750px;
height: 180px;
overflow: auto;
margin-top: 10px;
margin-left: 20px;
padding: 5px 5px 30px 5px;
float:left;
background-color: #323232;
background-image: none;
background-position: top center;
background-repeat: repeat;
border:4px outset #4c4a4a;
}
.UProSide a,
.UProSide a:visited,
.UProSide .browse a:hover{
color: #000000;
}
.UProSide .browse a,
.UProSide .MLine a {
color: #000000;
}
.UProSide table {
border-collapse:collapse;
}
.UProSide table td {
text-align:center;
vertical-align:top;
}
.UProSide .MLine {
margin-top: 5px;
}
.UProSide div {
text-align:center;
width:710px;
}
.UProSide div.images b {
color: #000000;
background-color: transparent;
background-image:none;
background-position: bottom left;
background-repeat: repeat;
border:2px outset #4c4a4a;
text-align:center;
width:710px;
display:block;
}
.UProSide div.MSContacts img {
cursor:pointer;
}
.UProSide div.MSContacts div {
width:100%;
}
.UProSide div.MSContacts div a {
display:block;
width:100%;
position:relative;
}
.UProSide div.MSContacts {
width:710px;
}
.UProSide div.MSContacts .sideHead {
background-color: transparent;
background-image: none;
background-attachment: scroll;
background-repeat: repeat;
background-position: top right;
border: 0px solid #000000;
width:710px;
padding:10px 0;
}
#Friends {
width:710px;
margin-left: 20px;
}
.Comments {
float:right;
width:770px;
margin-bottom:5px;
margin-top: 10px;
background-color: transparent;
background-image: none;
background-position: top center;
background-repeat: repeat;
}
.Comments {
margin-right: 12px;
}
.Comments .MLine {
margin-top: -5px;
}
.commentsPeps {
 text-align: center;
 margin:0px 12px 3px 12px !important;
 width:730px;
 padding: 5px 5px 30px 5px;
 background-color: #323232;
 background-image: none;
 padding:2px 5px 2px 0px; 
border: 2px outset #4c4a4a;
 -moz-border-radius-topleft:0px;
 -moz-border-radius-topright:0px;
 -moz-border-radius-bottomleft:0px;
 -moz-border-radius-bottomright:0px;
 radius:5px;box-shadow: inset 0 0 0px #825a1f;
 } 

.commentsPeps span.comName a {
color: #4c4a4a;
}
.commentsPeps span.comName {
display:block;
text-indent:15px;
background-color: transparent;
background-image:  url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/dark-mp2.jpg);
background-attachment: scroll;
background-repeat: repeat;
background-position: bottom left;
border: 2px outset #4c4a4a;
color: #323232;
line-height: 32px;
font-weight: italic;
}
.Comments{border:0;}
.commentsPeps .comImg img {
margin-left: 20px;
width: 80px;
}
.commentsPeps .commentMess {
text-align: center;
float:right;
width:620px;
color: #000000;
}
.commentsPeps .comImg {
float:left;
}
.commentForm{
background-color: transparent;
background-image: none;
background-position: bottom center;
background-repeat: repeat;
padding-top: 0px;
padding-bottom: 10px;
margin-right: 10px;
}
.commentForm textarea {
background-color: transparent;
background-image:  url(http://i147.photobucket.com/albums/r318/Njw_bucket/A-New-Spring/comment-mp3.jpg);
background-position: bottom center;
background-repeat: no-repeat;
border:2px outset #4c4a4a;
font-size: 100%;
color: #000000;
padding:0px;
width:620px;
height:250px;
}
.commentForm .comSub {
width:200px;
}
.clear {
clear:both;
}
.centered {
text-align:center;
}
.commentMess img {
max-width: 435px;
}
#foot {
width: 800px;
margin: auto;
padding-bottom: 30px;
background-color: transparent;
background-image: none;
background-attachment: scroll;
background-repeat: repeat;
background-position: top right;
border: 0px solid #ffffff;
color: #000000;
}
.MyLinks a,
.MyLinks a:visited {
background-color: transparent !important;
}
#contents2 #Rmenu2 ul li:nth-child(7){display:none!important}.Layout (made by: <img src="http://i47.tinypic.com/350sz1w.gif" alt="User Picture..">; url: http://www.skem9.com/111)
Notes about Skem9 V2 (Old School) layouts

If you're a member of Skem9.com you'll be able to customize you're profiles as well! Heres the selection of layouts our members have created for their profiles. To use one of the layouts within here, you have to go to your "My Account" pages, and then on the left side you'll see the link named "Customize Profile", you can put the code within there.