My Old Layout

Tags:
Description:

My Old Layout for like 2 months when my special interest was earthbound. Feel free to change up anything!! Please put in the comments if ur using it!! >.<
Preview:

click on the image for a larger preview
Code:

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

 <style>
.w-40 h1{
  font-family: 'Shojumaru';
  font-size: 50px;
  text-align: center;
  background: -webkit-linear-gradient(#A46588, #D98437);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: yellow;
}
</style>

<style>
h1,h2,h3,h4,h5{
font-family: 'Shojumaru';
font-size= 150%;
background: -webkit-linear-gradient(#A46588, #D98437);
}
p{
font-family: 'Shojumaru';
font-size= 200%
}
</style>

<style>
body{background-image:url("https://i.ytimg.com/vi/Ku-dJ9U002c/maxresdefault.jpg");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center,center;
background-size: 110% 110%}
</style>

<style>
main {
background-color: transparent;
color: #D98437
padding 6px 0px;
font-size: 80%
background-size: 110% 110%;
background-attachement: fixed;
border:  transparent;
border-radius: 30px;
}

<style>
.general-about {
  background-color: transparent;
}


</style>
<style>
@import url("https://fonts.googleapis.com/css?family=Shojumaru");

.w-40 h1{
font-family: Shojumaru;
font-size: 20px;
text-align: center;
background: -webkit-linear-gradient(#A46588, #D98437);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px (#F8D93C);
}
</style>

<style>
:root {
--logo-blue: transparent;
--darker-blue:t#A46588;
--lighter-blue: transparent;
--even-lighter-blue: #D98437;
--lightest-blue: #DEC6DF ;
--dark-orange: #B8A2DO;
--light-orange: #B8A2DO;
--even-lighter-orange: #D98437;
--green: #B8A2DO;
}
</style>

<style>

h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}


h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;
}

.online{
  color: white!important;  
}

</style>

<style>
footer {
border-radius: 15px;
background-image: url(https://media.tenor.com/eJ6mK0rjhkUAAAAC/ryan-akagi-infinity-train.gif);
color: white;
top: 70%
}
</style> 

<img src="https://i.ibb.co/KK50DFf/CFAF7-AA7-BCB9-4-AE1-952-A-717-CFC35-D466.png" width="220x200"/>

<iframe width="560" height="315" src="https://www.youtube.com/embed/BbeeuzU5Qc8?si=SrEtEUVwjm34eAy8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/dbd06e6e-b313-4acc-80d7-2f76026c8171/dfee5ls-92cd9ce5-a622-4ed6-8928-11238a0fb9ef.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2RiZDA2ZTZlLWIzMTMtNGFjYy04MGQ3LTJmNzYwMjZjODE3MVwvZGZlZTVscy05MmNkOWNlNS1hNjIyLTRlZDYtODkyOC0xMTIzOGEwZmI5ZWYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.N9If2OZOrktpIJ2Hx04QmAtS8ZLe_5QJg8dq7U1zqsQ"/>

<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://i.makeagif.com/media/7-18-2015/OH-byh.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 4.3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>
<style>
/* corner image. hidden on mobile */
.image {
    background: url('https://www.vhv.rs/dpng/d/446-4460384_ness-sprite-png-transparent-ness-earthbound-sprite-png.png') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 0px;
    bottom: 0px;
    height: 200px;
    width: 200px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>

<style>.online { visibility: hidden; } .online img { content: url("https://pa1.aminoapps.com/6005/3f9ae43e5f7b2b4497d6c899b83e51e777a18ada_hq.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>

<style>
 
 .logo {
  
content:url("https://i.ibb.co/cxcXkFD/493-E86-D1-1-F0-E-438-A-828-F-FB2-AA0-F36-BA3.png")
  }
  
   </style>

<style>

.profile-pic {
border-radius: 500px;
overflow: hidden;
}

.profile .friends .person img {
border-radius: 500px;
}
</style>

<style>
@keyframes spin{
  from{ transform: perspective(326px) rotateY(0deg); }
  to{ transform: perspective(326px) rotateY(360deg); }
}
.general-about .profile-pic img{
  animation: spin 7s infinite linear;
}
</style>

<style>

/*contacting*/

div.contact > div.heading > h4:before{
        content: url(https://win98icons.alexmeub.com/icons/png/registration-0.png);
    }

div.contact > div.heading > h4:after{
        content: url();
    }

/*interests*/

    div.table-section:nth-child(7) > DIV.heading:before{
        content: url(https://win98icons.alexmeub.com/icons/png/search_directory-5.png);
    }

 div.table-section:nth-child(7) > DIV.heading:after{
        content: url(your img link);
    }

/*links*/
 
    div.table-section:nth-child(8) > DIV.heading:before{
        content: url(https://win98icons.alexmeub.com/icons/png/internet_connection_wiz-4.png);
    }

 div.table-section:nth-child(8) > DIV.heading:after{
        content: url(your img link);
    } 

/*blurbs*/

div.blurbs > div.heading > h4:after{
        content: url(your img link);
    }
div.blurbs > div.heading > h4:before{
        content: url(https://win98icons.alexmeub.com/icons/png/directory_open_file_mydocs_2k-4.png);
    }

/*friends*/

div.friends > div.heading > h4:after{
        content: url(https://win98icons.alexmeub.com/icons/png/user_computer_pair-0.png);
    }
div.friends > div.heading > h4:before{
        content: url(your img link);
    }

/*comments*/

div#comments.friends > div.heading > h4:after{
        content: url();
    }
div#comments.friends > div.heading > h4:before{
        content: url(https://win98icons.alexmeub.com/icons/png/outlook_express_tack-3.png);
    }

</style>



<style>
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: url('https://win98icons.alexmeub.com/icons/png/cardfile-1.png')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://win98icons.alexmeub.com/icons/png/rename-2.png')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://win98icons.alexmeub.com/icons/png/mailbox_world-2.png')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://win98icons.alexmeub.com/icons/png/directory_network_conn_shortcut-2.png')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://win98icons.alexmeub.com/icons/png/network_internet_pcs_installer-2.png')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://win98icons.alexmeub.com/icons/png/loudspeaker_muted-0.png')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://win98icons.alexmeub.com/icons/png/web_file_set-3.png')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://win98icons.alexmeub.com/icons/png/gps-3.png')
}
</style>

<style>
main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://i.ytimg.com/vi/qtceNBs1h68/maxresdefault.jpg');

	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}
</style>

<style>
/*change only notification bell*/
nav .links li .icon{
content: url('https://win98icons.alexmeub.com/icons/png/newspaper_mail.png');

}
</style><style>* {cursor: url(https://cur.cursors-4u.net/others/oth-1/oth4.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/05/30/oth4-11.html" target="_blank" title="Gun"><img src="https://cur.cursors-4u.net/cursor.png" alt="Gun" style="position:absolute; top: 0px; right: 0px;"/></a>
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 )