blue webcore (?)/old-internet inspired layout

Tags: blue, electronic, simple, webcore, 2000's, nostalgia

Description:

idk what the fuck this is lmao, i just missed coding creds r not needed idc, mess around however u want <3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=80829) -->

<style>
    
        body{
    background-image: url('https://tse4.mm.bing.net/th/id/OIP.rMssnZMjSr3gmwVOs5o3tAHaEo?pid=ImgDet&rs=1') !important;
          background-size: 900px;
background-repeat: yes;
}
    
    nav .top{
        background-image: url('https://tse2.mm.bing.net/th/id/OIP.7kL7vmD6pB6tsvlLvaMpXwHaFo?pid=ImgDet&rs=1');
        background-color: transparent;
        border: double white 5px;
        border-radius: 10px;
        
    }
    
    nav .links{
        background-color: transparent;
        border: double white 5px;
        border-radius: 10px;
    }
    
    main .left{
        background-image: url('https://tse2.mm.bing.net/th/id/OIP.7kL7vmD6pB6tsvlLvaMpXwHaFo?pid=ImgDet&rs=1');
        border: double white 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px black;
        
    }
    
    .profile .contact{
        border: double white 5px;
        border-radius: 5px;
        background-image: url('https://www.shutterstock.com/shutterstock/videos/1055777309/thumb/1.jpg?ip=x480');
        box-shadow: 0px 1px 10px gray;
    }
    .profile .contact .heading{
        background-color: black;
        border: double white 5px;
    }
    
    .icon{
        display: none;
    }
    
    .profile .url-info{
        border: double white 5px;
      color: white;
      background-image: url('https://www.shutterstock.com/shutterstock/videos/1055777309/thumb/1.jpg?ip=x480');
	-webkit-text-stroke: .4px white;
	border-radius: 5px;
	box-shadow: 0px 1px 10px gray;
    }
    
    .profile .table-section{
        border: double white 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
    }
    
    nav .top .left .logo{
        display: none;
        
    }
    
    .general-about .profile-pic img{
        border: double white 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
        margin-left: 20px;
    }
    
    [id='q']{
        width: 250px;
        border: double black 5px;
        border-radius: 5px;
    }
    
    FORM > BUTTON{
        border: double black 5px;
        border-radius: 5px;
    }
    
    a{
        	color: white;
	font-size: 12px;
	-webkit-text-stroke: 1px black;
    }
    
    .profile h1{
        	color: white;
	font-size: 30px;
	-webkit-text-stroke: 1px black;
	text-align: center;
    }
    
    .profile .blurbs .heading{
        color: white;
        background-color: black;
        border: double white 5px;
        border-radius: 5px;
    }
    
    .profile .mood{
        text-align: right;
    }
    
    .profile .table-section .heading{
        background-color: black;
        border: double white 5px;
    }
    
    .profile .friends .heading{
        color: white;
        background-color: black;
        border: double white 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
    }
    
    .friends-grid{
        display: yes;
    }
    
    .profile .blurbs .inner{
        background-image: url('https://www.shutterstock.com/shutterstock/videos/1055777309/thumb/1.jpg?ip=x480');
        border: double white 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
    }
    
    .profile .blurbs .section h4{
        	color: white;
	font-size: 20px;
	-webkit-text-stroke: 1px black;
    text-align: right
        
    }
    
    .details-table td{
        background-color: white;
        border: double black 2px;
        border-radius: 5px;
    }
    
    .details-table td *{
        color: black;
    }
    
    .profile .table-section{
        background-image: url('https://www.shutterstock.com/shutterstock/videos/1055777309/thumb/1.jpg?ip=x480');
    }
    .count{
        color: black;
    }
    
    .comments-table td{
        background-image: url('https://www.shutterstock.com/shutterstock/videos/1055777309/thumb/1.jpg?ip=x480');
        border: double black 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
    }
    
    .comments-table td *{
        border-radius: 5px;
    }

footer{
    background-image: url('https://tse2.mm.bing.net/th/id/OIP.7kL7vmD6pB6tsvlLvaMpXwHaFo?pid=ImgDet&rs=1');
    border: double white 5px;
    border-radius: 5px;
}

main{
    border: outset white 5px;
    border-radius: 10px;
}

.container{
    width: 900px;
}
</style>

<style>
    :root {
    --light-orange: ;
       --even-lighter-blue: white;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
body{font-family: 'Fredoka One', cursive;
font-size: 16px;
}
</style>

<style>

   a:hover {
     color: black; 
   } 
   a{
     color: white; 
   }
   
   nav .links {

}
nav .links a:hover {
color: white;
}
</style>

<style>
    
    .friends:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 0px;
  background-image: url(https://www.shutterstock.com/shutterstock/videos/1055777309/thumb/1.jpg?ip=x480);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  margin-bottom: 10px;
  border-radius: 20px;

}
</style>

<style>
    img:hover{
          transform: scale(1.1); 
          transition: transform .2s; 
        
    }
    
</style>

<style>

.profile .profile-info {
	background-image: url(https://www.shutterstock.com/shutterstock/videos/1055777309/thumb/1.jpg?ip=x480);
	border: double;
        border-color: white;
        border-width: 5px;
	border-radius: 5px;
	text-align: center;
	box-shadow: 0px 1px 10px gray;
}

nav .links a{
    text-shadow: 0px 1px 10px white;
}

</style>

<style>

.online{content:url("https://i1.glitter-graphics.org/pub/34/34221lhhaecsv59.gif");
     filter: grayscale(100%);}
}

</style>

<style>
.links .special a:link, .links .special a:visited  {
  color: white;
}

.links .special a:hover {
  color: white;
}
</style>

<style>
             ::-webkit-scrollbar {
    width: 15px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background-color: grey;
    border: outset 5px;
    }

    ::-webkit-scrollbar-track {
    background: grey;
    border: inset 5px;
    }
</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 )

MECHANIX ༺☢︎༻	1721094762 using! Report Comment
maximillian	1719276431 been using this for a long time but one of the images broke #sad ... wanted to let you know Report Comment
iza >_<	1719110940 using Report Comment
Caspz	1718814291 using!!! Report Comment
шапокляк	1715706254 using!! <3 Report Comment
nerd	1713041796 using Report Comment
miauxoxo	1711417459 Actually rlly like it, usinnn!!🤞🏽 Report Comment
SigBySunset <3	1711072122 using! ty for making this! ^^ Report Comment
<=-AError ^_^-=>	1706781610 using!! Report Comment
felix :3	1706374234 Using! Report Comment
qklwan	1706372742 using Report Comment
𝔻Ữｂ𝐬Ŧ𝐞Ⓟ 𝕋卂ｃＯ	1706102262 so cool! Report Comment
Keithᶻ 𝗓 𐰁	1702860697 Using Report Comment
olivia	1698762130 actually nevermind cool layout tho Report Comment
olivia	1698762068 using and editing Report Comment
inactive!!	1698497938 usinggg!! Report Comment
:)	1697043338 using :D Report Comment
MIKHAIL	1696665184 URING !!!!!!!!!! Report Comment
elle ೃ⁀➷💗	1696145328 using!!! Report Comment
Vriska	1696126121 So cool!!!!!!!! Will 8e using this. ::::) Report Comment