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

techicidal𓄧	1756536224 Using Report Comment
jaycix	1753971535 the top photo is missing unfortunately Report Comment
LOO FART	1753583285 i love ts USINGG Report Comment
Amy angel	1748502198 heck yea Report Comment
⛌﹜ jill ︴	1743252227 using Report Comment
Zachary\jade $Zachary\jade's profile picture$	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