2000s older brother layout

Tags: #2000s #early2000s #olderbrothercore #mlg #mtndev #2000slayout

Description:

This is the first layout im making for people to use so its not perfect but i trieddd anyways lmk in da comments if youre going 2 use it and enjoy!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1111111111! (it was made on my second acc so thats why the user and pfp is different) I hate the name older brother its so tiktofied but idk how else to rename it and also its just for easies search

Preview:

click on the image for a larger preview

Code:

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

<style>
.logo {
content:url("https://media.discordapp.net/attachments/894562087777501195/1210051169561485322/Untitled924_20240222032850.png?ex=65e926f8&is=65d6b1f8&hm=5aa1eaab63cb108e7dc6614981627539b87714eaca00d9b1604a0240363c9aea&=&format=webp&quality=lossless&width=787&height=787");
}
</style>

<style>

@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');
p{

font-size: 18px;
color: rgb(255, 0, 0);
}

</style>
<style>

body{
background:
 url(https://i.pinimg.com/564x/ec/72/16/ec72169312de15ea454f5782e18920b2.jpg);
}

.profile{
background: url(https://i.pinimg.com/564x/22/46/e6/2246e600e26aa4b68f12ae8584b8df1c.jpg) fixed;
}


main:before {
      background-image: url(https://scontent-waw1-1.xx.fbcdn.net/v/t1.15752-9/429112769_813388917468571_3105202460784925954_n.jpg?_nc_cat=108&ccb=1-7&_nc_sid=8cd0a2&_nc_ohc=Vk-zFpmF2bgAX91SQqI&_nc_ht=scontent-waw1-1.xx&oh=03_AdToIO4G71lvsOFuo2rTM4QzBUhlm1-Etzc68ds_OFfNAA&oe=65FE3CA6);
      background-position: center center;
      background-size:100%;
display: block;
content: "";
    width: 98%;
    height: 150px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 8px;
filter: grayscale(0%); 
  }

.row {
    width: 100%;
    display: table;
    table-layout: fixed;
    background-color: #6d76705c;
}

.general-about .details {
width: 300px;}

.profile .table-section, .profile .contact{
    margin-top: 20px;
}

footer {
	margin: 1em;
	position: relative;
}

main .right {
    width: 300px;
    background-color: #black;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    margin-top: 20px;
    border: 2px solid #00000000;
}

a{color: #edc886;}

.profile .friends .person p {
    color: #ffffff;
}

.profile .friends .person img{
  border-radius: 100%;
    color: #ffffffff;
    }



.col.w-40 {
    width: 43%;
}

nav .links {
    background-color: #0b2b12b5;
}


:root {
--logo-blue: url(https://i.pinimg.com/564x/2c/46/65/2c4665852509bcbfb38b587118a1114b.jpg);
--darker-blue: rgb(0, 45, 101) ;
--lighter-blue: rgb(0, 0, 0);
--lightest-blue: url(https://i.pinimg.com/564x/46/85/25/468525c59d2686a66535bb5b9521c699.jpg);
--dark-orange: rgb(66, 255, 0);
--light-orange: rgb(0, 31, 88) ; 
--even-lighter-orange: white;
--green:;
}

h1,h2,h3,h4,h5{
@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Permanent+Marker&display=swap');
font-family: 'Pixel', cursive;
font-family: 'Permanent Marker', cursive;
font-size: 150%;
color: rgb(93, 255, 0);
}

footer {
boarder-radius: 15px;
background-image: url(https://i.pinimg.com/564x/39/c2/87/39c287c2f195b0b917b4a6db38105223.jpg);
color: black;
background-color: black
}

.profile-pic {

border-radius: 500px;

overflow: hidden;
}

.profile .friends .person img {

border-radius: 500px;
}

.profile .table-section .details-table td {
  background-color: black ;
  color: black;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ⁑";
    color: rgb(255, 0, 0);
}

.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.pinimg.com/564x/b0/6b/6d/b06b6d3debef7f9e4f84e9bce104eb6d.jpg);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #000;
}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add me */
	content: url(https://media.discordapp.net/attachments/1172202592466636891/1210321816380506225/mtndeeeeeeeeeeeeeeeeeew.png?ex=65ea2307&is=65d7ae07&hm=7f758ef92b9398c6aa8c2b3fe9c3f097df2b52bcd0e2702d00e3e233c39a7002&=&format=webp&quality=lossless&width=81&height=57);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* faves? */
	content: url(https://media.discordapp.net/attachments/1172202592466636891/1210321816380506225/mtndeeeeeeeeeeeeeeeeeew.png?ex=65ea2307&is=65d7ae07&hm=7f758ef92b9398c6aa8c2b3fe9c3f097df2b52bcd0e2702d00e3e233c39a7002&=&format=webp&quality=lossless&width=81&height=57)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chit chat */
	content: url(https://media.discordapp.net/attachments/1172202592466636891/1210321816380506225/mtndeeeeeeeeeeeeeeeeeew.png?ex=65ea2307&is=65d7ae07&hm=7f758ef92b9398c6aa8c2b3fe9c3f097df2b52bcd0e2702d00e3e233c39a7002&=&format=webp&quality=lossless&width=81&height=57)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forwardd */
	content: url(https://media.discordapp.net/attachments/1172202592466636891/1210321816380506225/mtndeeeeeeeeeeeeeeeeeew.png?ex=65ea2307&is=65d7ae07&hm=7f758ef92b9398c6aa8c2b3fe9c3f097df2b52bcd0e2702d00e3e233c39a7002&=&format=webp&quality=lossless&width=81&height=57)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant chat */
	content: url(https://media.discordapp.net/attachments/1172202592466636891/1210321816380506225/mtndeeeeeeeeeeeeeeeeeew.png?ex=65ea2307&is=65d7ae07&hm=7f758ef92b9398c6aa8c2b3fe9c3f097df2b52bcd0e2702d00e3e233c39a7002&=&format=webp&quality=lossless&width=81&height=57)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: url(https://media.discordapp.net/attachments/1172202592466636891/1210321816380506225/mtndeeeeeeeeeeeeeeeeeew.png?ex=65ea2307&is=65d7ae07&hm=7f758ef92b9398c6aa8c2b3fe9c3f097df2b52bcd0e2702d00e3e233c39a7002&=&format=webp&quality=lossless&width=81&height=57)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* group me */
	content: url(https://media.discordapp.net/attachments/1172202592466636891/1210321816380506225/mtndeeeeeeeeeeeeeeeeeew.png?ex=65ea2307&is=65d7ae07&hm=7f758ef92b9398c6aa8c2b3fe9c3f097df2b52bcd0e2702d00e3e233c39a7002&=&format=webp&quality=lossless&width=81&height=57)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: "☠"
} 

.contact .inner a img {
 font-size: 0;
}
.contact .inner a img:before {
 font-size: 1em;
 display: block
}

.online {
    margin:auto;
    padding-bottom: 5px;
    content: url(https://dl.glitter-graphics.com/pub/874/874468zvmhvev6sl.gif);
}

.profile .profile-info {
	background-image: url(https://scontent-waw1-1.xx.fbcdn.net/v/t1.15752-9/426140393_362210926726142_6371145446898234372_n.jpg?_nc_cat=110&ccb=1-7&_nc_sid=8cd0a2&_nc_ohc=NdxosnMZCsIAX-8vX5f&_nc_ht=scontent-waw1-1.xx&oh=03_AdTPZ9NFF5qqcflUN3ZvS2SIJC0G0lZH4-GAXkAH_JNDuA&oe=65FF4524);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 1px 1px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}

</style>


<style>* {cursor: url(https://ani.cursors-4u.net/smiley/smi-3/smi304.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2013/02/10/mini-rage-face-omg-smiley.html" target="_blank" title="Mini Rage Face OMG Smiley"><img src="https://cur.cursors-4u.net/cursor.png" alt="Mini Rage Face OMG Smiley" style="position:absolute; top: 0px; right: 0px;"/></a>




<iframe width="0" height="0" src="https://www.youtube.com/embed/mXxnTvoIUjw?si=6WiCBDYMIXenuXfV//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>



<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;"><img src="https://thumbs.gfycat.com/VictoriousQuaintFlies-size_restricted.gif" alt="GIF"/></div>







<div class="snowflakes">


  <div class="snowflake">


   ☢


  </div>





  </div>


  <div class="snowflake">


  ☢


  </div>


  <div class="snowflake">


  ☢


  </div>


  <div class="snowflake">


  ☢


  </div>


  <div class="snowflake">


  ☢


  </div>


  <div class="snowflake">


    ☢


  </div>


  <div class="snowflake">

    ☢


  </div>


  <div class="snowflake">


    ☢


  </div>


  <div class="snowflake">


    ☢


  </div>


  <div class="snowflake">


    ☢


  </div>


  <div class="snowflake">


    ☢


  </div>



  


<style>


/* customizable snowflake styling */


.snowflake {


  color: purple;


  font-size: 1em;


  font-family: Arial, sans-serif;


  text-shadow: 0 0 5px rgba(0,0,0,0.7);


}




@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}



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

Vincent	1776485018 Using Report Comment
MurderTeddy (Alex)	1770631589 Using duh Report Comment
StaticJack	1766069733 Using :3 Report Comment
flutteredwingsofeli	1764517601 using Report Comment
phantasy	1764257579 using ! Report Comment
quexEptional	1762045460 btw it's giving bro strider Report Comment
quexEptional	1762045440 using Report Comment
techicidal𓄧	1756536224 Using Report Comment
LOO FART	1753583285 i love ts USINGG Report Comment
Amy angel	1748502198 heck yea Report Comment
Mommy Jillybean	1743252227 using Report Comment
Raiden	1738016322 Using Report Comment
Mommy Jillybean	1731706689 using Report Comment
cojaturobie	1731376098 ACTUALLY USING not like those losers pop off lolzer chan ur the best fire Report Comment
Jules• - •	1729307325 USING:3 Report Comment
dvdz	1729029055 maybe using Report Comment
munekitodumb	1721708954 usingg Report Comment
Mommy Jillybean	1721071366 usingg Report Comment
Ether	1717381811 using :) Report Comment