rain

Tags: rain, blue, unbrella, water

Description:

Change whatever you want

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 🧟‍♂️ MAX 🧟‍♂️ (https://layouts.spacehey.com/layout?id=30458) -->

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


</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: "🌨"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "🌨"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "☂"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "☂"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "🌨"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "🌨"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "☂"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "☂"
}   
</style>
<style>   
@import url(('https://fonts.googleapis.com/css2?family=Inknut+Antiqua&display=swap');
p,h1,h2.h3,h4,h5{
 font-family: 'Inknut Antiqua', serif;
}
</style>
   
        <style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-11/nat1020.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/01/27/rain-cloud-2.html" target="_blank" title="Rain Cloud"><img src="https://cur.cursors-4u.net/cursor.png" alt="Rain Cloud" style="position:absolute; top: 0px; right: 0px;"/></a>
        
     <style>
    .profile .contact .heading,
    .profile .table-section .heading{
        background-color: #6897bb;
        color: white;
        
    }
</style>
<style>
        footer{
            border-radius:15px;
            background:url(https://i1.glitter-graphics.org/pub/375/375471eaza5gm61z.gif);
            color:white !important;
            display:block!important;
           
            }
        }
<style>

<style>
    .profile .blurbs .heading,
    .profile .friends .heading {
    
        background-color: #6897bb;
        color:white;
}
</style>
<style>
   
main {
  background-color: black;
    color: #fff;
}
<style>
<style>
    .profile .friends td{
        background:url(https://i1.glitter-graphics.org/pub/708/708681pcfg8weut5.gif);
    }
</style>
<style>
    body{
        background:url(https://i8.glitter-graphics.org/pub/68/68388frblkwi9fa.jpg);
    }
</style>
 <style>
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
::-webkit-scrollbar-track {
    border-radius: var(--curve);
    width: 2px;
    border: 1px solid #6897bb;
}
::-webkit-scrollbar-thumb {
    background: #6897bb; 
    border-radius: var(--curve);
}
::-webkit-scrollbar-thumb:hover {
    background: #6897bb;  
}
</style>
<style>
h1
{
	color:
h1
{         color: #6897bb;
	//text-shadow: 1px 2px #6897bb;
	
};
	text-shadow: 3px 3px 3px #6897bb, 0 0 30px #6897bb, 0 0 5px #6897bb;
}
<style>

  <style>
  
  .logo {
  
  color: #6897bb; 
  
  }

:root {
--logo-blue:white;
--darker-blue:#6897bb;
--lighter-blue:#6897bb;
--even-lighter-blue:black;
--lightest-blue:black;
--dark-orange:white;
--light-orange:#6897bb;
--even-lighter-orange:#6897bb;
--green:transparent;
}
</style>
<style>
    .profile .friends td{
        background:url(https://i1.glitter-graphics.org/pub/708/708681pcfg8weut5.gif);
    }
</style>
     <style>
    .profile{
        background:URL(https://i2.glitter-graphics.org/pub/553/553342ermsowotdm.gif);
    }
</style>
    <style>
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: "☂";
    color: var(--links);
}
<style>   
<style>
      .profile .contact, .profile .table-section, .profile .url-info {
  border: 1px solid #6897bb;
</style>     
 <style>
      .logo { 
          background:black;
      }
      nav{background-color: black;(--box_color_and_seethru);!important;border-radius:0px 0px var(--curve)var(--curve);!important;}
      nav ul{background;none!important;}
      nav img{filter:opacity(80%)!important;}
      nav ul a img,.mood a img{display:none!important;}
      .top{background:url(https://i1.glitter-graphics.org/pub/375/375471eaza5gm61z.gif)!important;     
</style>
 <style>
.url-info{
    background: url('https://cur.glitter-graphics.net/pub/3109/3109675ywavud0hfg.png');
    background-position: center;
    border: var(--borders)!important;
    border-radius: var(--curve);
    height: 105px;
}
.url-info p{
    opacity: 0.0;
}
</style>
<style>
.profile-info {
	background-image: URL(https://i8.glitter-graphics.org/pub/68/68388frblkwi9fa.jpg);
	padding: 25px;
	border-radius: 20px;
	box-shadow: 4px 4px 0 #6897bb;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
}
</style>
<style>
nav::before {
   content: "";
   background:  url(https://i1.glitter-graphics.org/pub/726/726901pv13s4zjcv.gif);
   background-size: 200px;
   position: fixed;
   float: right;
   display: inline;
   bottom: 0;
   right: 5px;
   height: 180px;
   width: 200px;
margin-bottom: 10px;
}
</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 1 of 1 comments ( View all | Add Comment )

frost

1685818483

using!!

Report Comment

Glad you like it! I updated the code so the circle profile works

by 🧟‍♂️ MAX 🧟‍♂️; 1685919745; Report