smosh layout

Tags: smosh

Description:

its just what smosh's youtube and myspace looked like back in the day. i spent one day making this. that is like 10% of the time i used to take. im like.. an expert now. (i jest) test here. the banner is wider when its actually on your profile because the testing website isnt that accurate. if you want to add music or change something just comment and ill help you. sure you could say that the contact options are switched around a bit but that is the cost of cool smosh logo background. once you hover over the options you can see them. some of them stay the same. not a thing i can change cus its html and not css
update: i fixed some minor stuff

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by x.{finn}.x (https://layouts.spacehey.com/layout?id=81847) -->

<style>

body {   
background:url(https://archive.org/download/myspacebg/myspacebg.gif);
background-size: 146.5%;
background-position: top;
background-attachment: fixed;
font-family: verdana, sans-serif;
}

main {
color: black;
background: transparent;
}

  nav .top {
background: url(https://ia601503.us.archive.org/2/items/banner_20230929/myspacetop.jpg);
background-size: 100%;
height: 152px;
margin-top: 20px;
margin-bottom: -40px;
}

.left {margin-top: 10px;}
.center {margin-top: 10px;}
.right {margin-top: 10px;}
  
  nav .links {
background: transparent;
text-align: center;
font-weight: bold;
width:800px;
position: absolute;   
font-size: 9px;
}


nav .links a {
text-shadow: none;
    font-size: 11px;
}

.row.profile {margin-top: 40px;}

  .count{
color: white;
}
 
nav .top, nav .links a, .logout-btn, .logout-form {
   color: white;
}

.search-wrapper input, button {
    color: black;
    padding: 3px;
    border: 1px solid black;
    border-radius: 3px;
}

.logout-btn {
}

.pagination {
    width: 100%;
    margin: 10px 0 0 0;
    min-height: 20px;
}

.edit-info {
   background: transparent;
border: 7px solid white;
box-shadow: inset 1px 0px 14px 4px white;
}

  .profile-info {
background: url(https://i.pinimg.com/736x/fb/a3/5e/fba35e266c886db3b02d11a661b90cbf.jpg);
border: none;
height:200px;
    background-size: contain;
color: white;
    background-position: center;
    background-repeat: no-repeat;
}

.online{
background-color: transparent;
content: url(https://ia601501.us.archive.org/10/items/onlinenow_202210/onlinenow.gif);
}

/* the tables with general, music etc*/
.profile .table-section, .home-actions {
 border: 1px solid #999999;
background: #eeeeee;
}

.profile .url-info {
border: none;
background: #999999;
padding: 3px;
color: white;
}

.profile .contact .heading {
color: white;
background: #999999;
}

.profile .table-section .heading{
background: #999999;
}
 .profile h1 {
background: #999999;
color: white;
border: none;
padding: 8px;
font-size: 15px;
position: absolute;
margin-bottom: -39px;
width: 303px;
 }


.comments-table td:first-child img:not(.icon){
 border: 4px double #999999;
  }

 .profile .general-about {
background: #eeeeee;
color: #666666;
border: 1px solid #999999;
height: 230px;
padding: 45px 10px 10px 10px;
}

.edit-link {
    font-size: 10px;
    position: absolute;
    margin-top: 0px;
}

.general-about .details {

}

  .profile .mood {
background: transparent;
margin-top: 8px;
border: none;
color: #666666;
}

.profile .friends{
margin: auto;
background: #3a3a3a;
border: 1px solid #999999;
}

.friends#comments {
height: 488px!important;
}

 .profile .blurbs {
background: #3a3a3a;
border: 1px solid #999999;
color: white;
}

.profile .blurbs .inner{
  border: none;
}

 .profile .friends .person p {
    color: white;
  }
  
  .profile .blog-preview {
    color: #666666;
margin-bottom: 15px;  
}
  
  .profile .blurbs .section h4 {
    color: white;
    padding: 2px;
  }

.profile .friends .person {
    padding: 8px;
}
  
.f-col a {
    color: transparent;
}

  .comments-table {
display: block;
border:none;
height: 384px!important;
    overflow-y: scroll;
    outline: none !important;
}

.comment-reply {
padding: 5px 3px;
background: transparent;
border-top: #999999 1px  dashed;
}

.comment-reply:not(:first-child) {
background: transparent;
border-top: #999999 1px  dashed;
}

  .comment-replies {
padding: 10px 5px;
border: none;
  }
 
.contact {
background: url(https://ia903409.us.archive.org/1/items/contact_logo_202309/contact_logo.gif);
border: 1px solid #999999 !important;
    height: 152px;
    background-size: cover;
}

.profile .friends .inner {color: #999999;}

.contact .heading {
margin-bottom: 10px;
}

.contact .inner {
display: flex;
    text-align: center;
    flex-wrap: wrap;
}
  
.details-table td:first-child, .details-table td {
    background: transparent;
}
.details-table td:first-child {
    color: black;
background:  transparent;
}
.details-table td:not(td:first-child) {
    color: #666666;
}

.details-table td p {
color: #666666;
}

  .profile .blurbs .heading{
background: #999999;
color: white; 
}

.profile .friends .heading {
background: #999999;
color:white; 
}
  
  table.details-table {
    background: transparent;
color:black;
}
  
.profile .table-section .inner{
background: transparent;
border: none;
padding: 5px;
color: white;
}


.comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
background: transparent !important;
border: none;
}

.comments-table td, .music-table td {
    color: white;
background: transparent; 
}

.comments-table td:first-child a, .music-table td:first-child a {
    color: white;
}

.comments-table td:first-child img:not(.icon) {
border-radius: 0px;
}

  nav .logout-btn {
  animation: none;
  }

  footer { 
border: none;
background: transparent;
color: black;
width:800px;
}

  a{
color: #666666;
}

a:visited {
color: #666666;
}
a:hover {
color: #666666;
}

nav .links a:hover{
color: blue;
}

a:active {
color: #666666;
}

.contact .inner a img {
font-size: 0;
}

</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 5 of 5 comments ( View all | Add Comment )

beanieluvsmosh	1712183186 <33 Report Comment
♱ ·˚ ༘ 𐃯 CH4R	1701376322 USING OMG Report Comment
gino	1699733116 USINGGGGGG Report Comment
Smosh	1699731297 LOOOL I was thinking ab making this theme I'm glad somebody else did it though, looks great Report Comment why thank you (un)official smosh! by x.{finn}.x; 1699845120; Report
★AmazingLucas★	1696113319 using!! Report Comment thanks! ive updated it to fix minor incongruences in the design, if u care. i didnt think someone would be using it this quickly lol by x.{finn}.x; 1696206799; Report