OLD YOUTUBE 2006 - 07 LAYOUT

Tags:

Description:

https://www.youtube.com/watch?v=Lojx82Etjl0&t FIND THE YOUTUBE LINK AND REPLACE IT WITH YOUR MUSIC / JUST A GENERAL VIDEO LMK IF ANYTHINGS BROKEN ILL FIX IT

Preview:

click on the image for a larger preview

Code:

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

<style>
nav .top {
    background: #1D4ED8;
    background: #ffffff;
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
}ul.links {
    background-color: white;
}.youtubelog0 {
    padding: 1px;
    transform: translate(-160px, 10px);
    top: 124px;
    display: inline-block;
    background-color: white;
    position: absolute;
}
.cate {
    display: inline-block;
    text-align: center;
    position: absolute;
    padding-left: 25px;
    border-radius: 2px;
    border-width: 1px;
    border-color: black;
    color: blue;
    left: 320px;
    padding-right: 25px;
    bottom: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgb(97 153 255) 87%);
}.blog-preview {
    float: right;
    display: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    background-image: linear-gradient(to bottom, #ffffff, #f1f2ff, #dde7ff, #92aacb, #4877a1);
    border: 3px black;
    padding: 3px;
    border-radius: 2px;
    box-shadow: 0px 0px 2px black;
}
.vidbtn {
    display: inline-block;
    text-align: center;
    position: absolute;
    padding-left: 25px;
    border-radius: 2px;
    border-width: 1px;
    border-color: black;
    left: 180px;
    padding-right: 25px;
    bottom: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgb(185 185 185) 87%);
}
main .left, main .right {
    padding: 10px;
    float: left;
}
nav .top {
    display: flex!important;
    opacity: 1!important;
    background-image: linear-gradient(to bottom, #443f3f, #bfbfbf, #e1e1e1, #f2f2f2, #ffffff);
}

.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    display: none;
}

.try {
    padding: 5px;
    background-color: #ffffca;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    margin-left: 360px;
    color: blue;
    border-color: black;
}
.profile .blurbs .heading, .profile .friends .heading {
    background: #ffffff;
    color: #ffffff;
    padding: 0px 0px;
}.comm {
    display: inline-block;
    text-align: center;
    position: absolute;
    padding-left: 25px;
    border-radius: 2px;
    border-width: 1px;
    border-color: black;
    color: blue;
    left: 660px;
    padding-right: 25px;
    bottom: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgb(97 153 255) 87%);
}
.profile .blurbs .section h4 {
    margin: 0;
    color: #000000;
}.chan {
    display: inline-block;
    text-align: center;
    position: absolute;
    padding-left: 25px;
    border-radius: 2px;
    border-width: 1px;
    border-color: black;
    color: blue;
    left: 500px;
    padding-right: 25px;
    bottom: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgb(97 153 255) 87%);
}
.description1{position: absolute;margin-left: 360px;margin-top: 35px;}
.rec {
    float: none;
    position: absolute;
    margin-left: 360px;
    margin-top: -70px;
}
img.pfp-fallback {
    display: none;
}
.friends-grid {
    display: none;
}body {
    background-color: #ffffff;
    font-family: verdana, arial, sans-serif, helvetica;
}
.profile-info {
    opacity: .2;
}
.description1 {
    position: absolute;
    margin-left: 360px;
    margin-top: -200px;
    border-width: thin;
    border-color: black;
    border: solid;
    padding: 12px;
}


.comments-table td, .music-table td {
    background: #ffffff;
    vertical-align: top;
}
.comments-table td:first-child, .music-table td:first-child {
    background: #ffffff;
    text-align: center;
    font-weight: bold;
    width: 18%;
}
.col.w-40 {
    width: 20%;
    float: left;filter: blur(155px);
    transform: scale(.5);
}
.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner {
    padding: 7px;
    width: 69%;
}
</style>
<div class="try">
Try out the NEW (beta) version of this page!
</div>
<iframe width="350" height="210" src="https://www.youtube.com/embed/Xp9f7Gn4AQw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>
<br/>

<a href="https://ibb.co/3RrwGPs"><img src="https://i.ibb.co/MB2bWJh/image.png" alt="image" width="350px" height="21px"/></a>
<div class="rec">
<a href="https://imgbb.com/"><img src="https://i.ibb.co/c6jy96L/image.png" alt="image" height="300px"/></a>
</div>
<div class="description1">
<h4>Added: June 2007</h4>
<h4>From:<a href="">USERNAME</a></h4>
<h4>INSERT BIO HERE!!!</h4>
Category: Blogging/Lifestyle<br/>
Tags: stuff, here!<br/>
URL: <a href="https://spacehey.com/tampon">spacehey.com/tampon</a>

</div>

<div class="youtubelog0">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/Logo_of_YouTube_%282006-2011%29.svg/2560px-Logo_of_YouTube_%282006-2011%29.svg.png" width="150px" height="" alt="image"/>
<div class="vidbtn"><h1>Videos</h1></div>
<div class="cate"><h1>Categories</h1></div>
<div class="chan"><h1>Channels</h1></div>
<div class="comm"><h1>Community</h1></div>



</div>



<div class="linkssss">
<img src="https://i.ibb.co/4M7W1V1/image.png" alt="image" width="50px" height="20px"/><a href="https://spacehey.com/addfriend?id=1679586"><img src="https://i.ibb.co/30bLjmg/image.png" alt="image" width="10px" height="10px"/>Add Friend</a></div>

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 )

taltalzg2	1744552911 I'm prob gonna use this :3 Report Comment
Len🐧	1731869413 kewl (using Report Comment
rockypwner2008	1726876666 cool Report Comment
aoife☆	1693435227 wait this is so cool!!! Report Comment
ashe	1679265750 love the recreation of lost media :3 Report Comment