sweet valley high layout !!!

Tags: retro, red, sweet valley high
Description:

no need credit btw btw if you guys using im tysm <3
Preview:

click on the image for a larger preview
Code:

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

<style>
body {
    background: url(https://images2.minutemediacdn.com/image/upload/c_fill,w_1440,ar_16:9,f_auto,q_auto,g_auto/shape/cover/sport/shannon-db6fe1d019654c6e50bdde9f82f836a5.jpg)
</style>

<style>

.logo {
content:url("https://cdn.discordapp.com/attachments/1141726512991698984/1155054537682452510/Khong_Co_Tieu_e127_20230923151328.png");
_invert(1000%)
}

</style>

<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://i.gifer.com/origin/bf/bfae192126c8b26da42082065cb668bc_w200.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 4s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

<style></style>
<style>
main {
background:linear-gradient(rgb(255 255 255 / 70%) 0%, rgb(255 255 255 / 20%) 100%);
border: none;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: blue:white;
}

nav .top{
background: linear-gradient(#ff0000, #ffffff);
margin: 1em 0;
text-align: center;
border-radius: 25px;
}

nav .links{
background: linear-gradient(#ff0000, #ffffff);
border-radius: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

nav .links li::after{
display: none;
}

.profile .contact .heading,
.profile .table-section .heading{
color: #FFFFFF;
border-radius: 25px;
text-align: center;
padding: .1em;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: #FFFFFF;
border-radius: 25px;
text-align: center;
padding: .1em;
}

footer {
color: white;
box-shadow:;
text-decoration:;
text-decoration-style:;
background-color: transparent ;
border: 0px solid white;
}

<style>
}
a:hover {
     color: brown;
}

nav{ 
font-size: 13px !important;
font-family: 'Orbitron', sans-serif;
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
}

.contact img.icon { 
 display: none; 
}

.contact .f-col>a::before{ 
 content: " "; 
 display: inline-block; 
 width: 15px; 
 height: 15px; 
 background-image: url('https://64.media.tumblr.com/3d2892f453f9ae21b96e37be47c3e92a/72a6f01635f5241d-41/s75x75_c1/4d8a8e5c29d3a8afd96a5b388536c5e0a6ef8de9.gifv'); 
 background-size: 100% 100%;
}
</style>
<style>
main {
    background:#ffffff4f;
    color: #ff0000;
    padding: 6px 0px;
    font-size: 80%;
}
body {
    background-color: #ff0000;
    background-color: var(--gray);
    font-family: verdana, arial, sans-serif, helvetica;
}
:root {
    --logo-blue: #ffffff;
    --darker-blue: white;
    --lighter-blue: transparent;
    --even-lighter-blue: transparent;
    --lightest-blue: transparent;
    --dark-orange: #ff0000;
    --light-orange: transparent;
    --even-lighter-orange: transparent;
    --green: white;
<style>
main {
    background: #ffffff4f;
    color: #ffffff;
    padding: 6px 0px;
    font-size: 80%;
</style>

<style>
.profile .profile-info {
	background-image: url(https://i0.wp.com/brinsbookblog.com/wp-content/uploads/2020/06/sweet-valley-high-gif.gif?resize=480%2C270);

<style>

.profile-info {
    border: 2px solid rgb(255 255 255 / 0%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}</style>

<style>* {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=143750), auto;}</style>

<style>A:hover{cursor: url("http://www.rw-designer.com/cursor-extern.php?id=143755"), auto;}
</style>

<style>
.profile-info {
    border: 2px solid rgb(255 255 255 / 0%);
    display: flex;
</style>
<style>
.col, main, footer{
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/4nq7JFmh4TI?autoplay=1&loop=1&playlist=4nq7JFmh4TI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" data-ruffle-polyfilled="">
</iframe>
<style>
}
</style>

<div style="float:  ; max-height: 100px; position: fixed; left: 13px; top: 12px; z-index: 200;">
<img src="https://media.tenor.com/wCf-QCRfwmkAAAAi/%D0%BA%D0%BE%D1%82%D0%B8%D0%BA-playing-guitar.gif" height="100"/></div>
<style>
.online{content:url("http://www.myspacegens.com/images/online_now/135.gif");
}</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 0 of 0 comments ( View all | Add Comment )