Smosh '09

Tags: smosh, old school

Description:

This is a recreation of the MySpace layout used by Smosh! Using assets from an archive.org capture of the page, this is probably the most accurate of the recreations (which there is a whopping one of as of me writing this). If youre using this theme as is, that's great! Go say in the comments if you do! If youre using this theme and you want to edit it note the following: The container must ALWAYS be 800 or 799 px wide (because of the background), if you want to edit the banner your image must also ALWAYS be 800/799 px wide (again because of the background). Also say in the comments if you edited it for your profile.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by The Messenger (https://layouts.spacehey.com/layout?id=94728) -->

<!-- (c) Layout created by The Messenger (https://layouts.spacehey.com/layout?id=94728) -->

<style>
/* body */
body, html {
    visibility: visible !important;
    display: block !important;
}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited {
    font-size: 8pt;
    font-style: normal;
    font-family: verdana, arial, sans-serif;
}
body {
    background: url(https://web.archive.org/web/20090114172032im_/http://cdn.smosh.com/support/images/myspacebg.gif);
    background-position: center;
    background-repeat: repeat-y;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
body, td, li, p, div, textarea {
    font-family: verdana,arial,sans-serif,helvetica;
    font-size: 8pt;
    color: #000;
    font-weight: normal;
}
body {
    color: #000;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    line-height: 1.2em;
    text-align: left;
}
body, form, h1, h2, h3, h4, h5, h6, ul, li {
    margin: 0;
    padding: 0;
}
.container {
    width: 800px
}
/* header */
div#headerWrap {
    text-align: center;
}
#headerWrap {
    text-align: center;
}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited {
    font-size: 8pt;
    font-style: normal;
    font-family: verdana, arial, sans-serif;
}
body, td, li, p, div, textarea {
    font-family: verdana,arial,sans-serif,helvetica;
    font-size: 8pt;
    color: #000;
    font-weight: normal;
}
user agent stylesheet
div {
    display: block;
}
nav .top {
background: linear-gradient(0deg, #A3A3A3, #D1D1D1 40%);
    margin-top: 70px;
}
nav .links {
background: linear-gradient(0deg, #A3A3A3, #D1D1D1 40%);
}
nav .top .center form {
    margin-top: 30px;
    margin-left: 140px;
    font-size: 10px
}
/* main*/
main:before {
  content: "";
  display: block;
  height: 150px;
  width: 800px;
    margin-top: -10px;
  left: 50%;
    top: 175px;
    background: url(https://web.archive.org/web/20090114172032im_/http://cdn.smosh.com/support/images/myspacetop.jpg);
}
main {
    background-color: #d1d1d1;
}
a {
color: #002d73;
}
h4 {
    color: black;
}
footer {
    background-color: #d1d1d1;   
}
.count {
    color: black;
}
.profile .blurbs .section h4 {
        color: black;
}
.profile .blurbs .heading {
    background-color: #d1d1d1;  
}
.profile .friends .heading {
    background-color: #d1d1d1;  
}
.profile .contact .heading {
    background-color: #d1d1d1;
}
.profile .contact {
    border: #d1d1d1;
}
.profile .url-info {
    border: #d1d1d1;
}
.profile .table-section {
    border: #d1d1d1;
}
.profile .table-section .heading {
    background-color: #d1d1d1;
}
.details-table td {
    background-color: #d1d1d1;
}
.details-table td:first-child {
    background-color: #d1d1d1;
}
.container {
    background-color: #d1d1d1;
}
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 0 of 0 comments ( View all | Add Comment )