cool funky layout

Tags: cool, emo, pretty

Description:

cool layout by yours truly! <3

Preview:

click on the image for a larger preview

Code:

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

<style>
/* the color of the number of your friends */
    .count {
        color: #e1e114;
    }
</style>

<style>
/* contact icons */
.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> 
/* this is the box that says "_'s latest blog entries" */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
DIV.blog-preview{
text-align: center;
font-family: 'Josefin Sans', sans-serif;
background-color:rgba(9, 193, 240, 0.45);
text-transform:lowercase !important;
color: #e1e114;
border-radius:15px;
border: 5px dotted rgba(218, 165, 255, 0.65)
}
</style>


<style>
/* this adjusts the size/font of your name */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h1{
font-size: 30px !important;
font-family: 'Paytone One', sans-serif;	
text-transform:uppercase !important;
padding-left: 2px !important;
}
</style> 

<style> 
/* this changes the color of your name */
.profile h1{
background: -webkit-linear-gradient(#15f4ee, #39FF14);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>


<style>
/* link colors when you hover over links */
   a:hover {
     color: white; 
   } 
   a{
     color: #ff9ce0; 
   }
</style>

<style>

nav {
        border-radius: 35px 35px 0 0;
        overflow: hidden;
    }

:root {
        --logo-blue: #4d000055;
        --darker-blue: lighter-blue;
        --lighter-blue: even-lighter-blue;
        --even-lighter-blue: #FF00FF;
        --lightest-blue: #FF00FF;
        --dark-orange: #A020F0;
        --light-orange: #15f4ee;
        --even-lighter-orange: light-purple;
        --green: #FF00FF;
    }

main {
  /* changes made to stuff outside of columns */
    background: 000000;
    padding: 0;
    font-size: 100%;
    color: var(--light-orange);
  }

body {
  /* sets background */
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYDQmYjausHGGNI2RSr9V3gU_6vD2glhvxL5xnSwsvgvJpydrxPNOdi-T3si0_P-aQs7Q&usqp=CAU);
    background-repeat: repeat;
    background-size: 50% ;
  }

 * {
        font-family: monospace;
    }

.general-about .profile-pic {
  /* profile pic container */
    height: 50%;
    width: 50%;
    background-color: var(--#4d000055);
    border-radius: 1px;
    padding-top: 4px;
  }

  .general-about .profile-pic img {
  /* profile pic */
    max-width: 100%;
    max-height: 100%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 1px;
    display: block;
  }

main {
        border-radius: 0 0 15px 15px;
        background: url(https://i2.wp.com/wallpapertag.com/wallpaper/full/8/b/0/580589-free-cute-emo-backgrounds-2800x2100.jpg);
    }

    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 50px;
    }

    footer {
        border-radius: 15px;
        background: rgba(0, 0, 0, 0.94) !important;
        display: block !important;
    }

    table.comments-table td {
        background-color: #FF00FF !important;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 1px;
    }

    .profile .friends .person img {
        border-radius: 1px;
    }



nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.4);
}

nav { background-image: url(https://images.fineartamerica.com/images/artworkimages/mediumlarge/1/rainbow-skull-and-crossbones-roseanne-jones.jpg); }

<style>
</style>

<div class="snowflakes">
  <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>
  <div class="snowflake">
    💀
  </div>
  <div class="snowflake">
    💀
  </div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
  color: #27cff5;
  font-size: 2em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 0px 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>

<style>.online { visibility: visible; } .online img { content: url("http://www.myspacegens.com/images/online_now/311.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>

<style>
.left h1{font-size:11pt; color:#8B0000; font-weight:normal; font-family:Monospace; !important;}
</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 4 of 4 comments ( View all | Add Comment )

ap0calypticX3	1651702862 thanks !! :) Report Comment
diakat	1647686955 so cute Report Comment
tia <3	1647462297 idk how how to get in NOOO :[ Report Comment are you having trouble using the layout or??? by Erik 𖤐; 1647564174; Report
angieloveezwaffles88	1645653352 thx, i used it. lookz hella cool!1:) Report Comment no problem! i'm glad you like it! :D by Erik 𖤐; 1645683208; Report