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

techicidal𓄧	1756536224 Using Report Comment
LOO FART	1753583285 i love ts USINGG Report Comment
Amy angel	1748502198 heck yea Report Comment
⛌﹜ jill ︴	1743252227 using Report Comment
Zacharyy	1738016322 Using Report Comment
⛌﹜ jill ︴	1731706689 using Report Comment
cojaturobie	1731376098 ACTUALLY USING not like those losers pop off lolzer chan ur the best fire Report Comment
M1k3yyyyyyyy	1729307325 USING:3 Report Comment
dvdz	1729029055 maybe using Report Comment
munekitodumb	1721708954 usingg Report Comment
⛌﹜ jill ︴	1721071366 usingg Report Comment
Ether	1717381811 using :) Report Comment
22gxre7ji	1715850742 using Report Comment
💉\| Alan \|💉	1712012382 using! Report Comment
remmy	1710674380 using!! Report Comment
mephisto (working on prof)	1709989062 using!!!!! Report Comment
ThisYhis	1708652800 will use Report Comment
MetalHeart	1708650319 Epic layout Report Comment TYSM!! B) by L0LZ3R; 1708650356; Report Np! :3 by MetalHeart; 1708650397; Report