fairycore grunge layout [UNDER CONSTRUCTION]

Tags: fairy, animated, forest, grunge, brown, green, nature, mushroom

Description:

⚠️ multiple people have let me know that the background and a few other details just stopped working/showing up all of a sudden, so please do not use this layout for now (unless you're ok with that ig)!! i will update this once this is fixed, apologies ⚠️
credit to https://blog.spacehey.com/entry?id=607309 for the spacehey logo!!!
this is my second layout, i think i'm getting the hang of coding!!
This layout's theme was fairycore grunge (in case you couldn't tell from the title), which i'm not entirely used to working with, but i really like the aesthetic of it so it was fun trying to figure out what to add ^^
this looks good on mobile as well!
if you're going to use this on your profile, i'd appreciate it if you left a comment, but no pressure to!!
if you notice something is off or needs fixing please lmk and i will update this!!

Preview:

click on the image for a larger preview

Code:

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

<br/>
<!-- (c) Layout created by Jay (https://layouts.spacehey.com/ratl0rd) -->
<a href="https://layouts.spacehey.com/ratl0rd">
         <img alt="credit" src="https://i.imgur.com/hIqNmAe.gif" width="150&quot;" height="20"/></a>

<style>
@font-face {
font-family: 'Magica';
src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
}
 
.magica {
font-family: magica;
font-size: 40px;
}
</style>
<style>

@font-face {
font-family: cutie;
src: url(https://dl.dropbox.com/s/xo075bh6tbd4f7d/CP.ttf);
}
 
</style>
 
<div id="cutie">
<div class="magica"> 
<style>
@import url('https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf');
body{font-family: 'Magica';}
</style>
<style>
    main{
    background-image: url('https://i.imgur.com/1SX5ESN.jpg') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important; 
    background-size: cover !important;
    background-opacity: 80%;
    margin: 0px 15px 15px 15px !important;
    margin-color: white;
    }
</style>
<style>
body{

font family: magica !important;
font-size: 21px !important;

}
</style>
<style>
a{

font-family: magica !important;
color: white;


}
a:hover{

font-family: magica !important;
color: white;

}
a:visited{

font-family: magica !important;
color: white;

}
a:hover, a:active, a, p, nav label, .section {
    font-family: var(--magica) !important;
}
h2, h3, h4, h5, DIV.mood > P:nth-child(1) > B, P:nth-child(2) > B {
    font-family: "magica"
    color: white !important;

}
:root { --mainfont: "magica" }
</style>
<style>

h1{

font-family: cutie !important;

}
</style>

<style>
.profile-pic img:hover{
animation: rotation 0.4s infinite linear;
}

.general-about .profile-pic img{

-webkit-mask-image: url(https://i.imgur.com/iKESohT.png);

-webkit-mask-size: 100%;

-webkit-mask-repeat: no-repeat;

-webkit-mask-position: center;

position:relative;

transform:scale(1.025,1.025);

top:-0.25em;

}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
}
</style>
<style>
.friends-grid img, img.pfp-fallback{
border-radius: 180px !important;
}
</style>
<style>

    body{
        
    background-image: url('https://i.imgur.com/VdLfiwO.jpg') !important;
    background-attachment: fixed !important;
    background-repeat: repeat !important;
    background-position: center !important;      
    background-size: 800px;  
    }


<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

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

    ::-webkit-scrollbar-thumb {
    background: rgba(165, 202, 144, 1);
    }

    ::-webkit-scrollbar-track {
    background: rgba(233, 208, 191, 1);
    }
</style>
<style>
    .top{
        
    color: white;
        
    }    
    main{

    color: white !important;
        
    }
    footer{
        
    color: white;
        
    }
</style>
<style>
    .contact .heading, .table-section .heading, .blog-preview h4, .blurbs .heading, .friends .heading{
        
    background-color: rgba(82, 69, 58, 1) !important;

    }
</style>

<style>
    .comments-table td{
        
    background-image: url('https://i.imgur.com/Pfzg3Jh.gif') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
        
    }
</style>
<style>
    .profile-info{
        
    background-image: url('https://i.imgur.com/G5hqBeH.gif') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
        
    }
</style>
<style>



.logo {



content:url("https://media.discordapp.net/attachments/328192724350271489/1079159559148535868/Copy_of_spacehey__9_-removebg-preview.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://i.imgur.com/SpyoRKu.gif")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: url("https://i.imgur.com/UvRvpuR.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url("https://i.imgur.com/MkF0EpS.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url("https://i.imgur.com/1w0S6a9.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url("https://i.imgur.com/DGRbuZo.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url("https://i.imgur.com/KJPrloo.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: url("https://i.imgur.com/ccv13Th.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url("https://i.imgur.com/jORtUIu.gif")
}
</style>
<style>

li.active .icon { 
    content:url('https://i.imgur.com/lNnF1Ix.gif'); 
    width: 31px;
    height: 25px;
    }
.online img { 
content: url("https://i.imgur.com/pIrZYov.gif"); animation-name: none; visibility: visible; height: 20px; width: 20px; filter: none;
}
</style>
<style>
    .blurbs, .friends-grid, .contact{
        
    background-color: rgba(205, 158, 76, 0.2);
    border-radius: 12px 12px 12px 12px;

    }
</style>

<style>

.profile .left h1:before {
    background-image: url(https://i.imgur.com/gh5uKLP.png);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-size: 70px;
    height: 70px;
    width: 70px;
    content: " ";
    transform: scale(3) translateX(-1.4em) translateY(1.5em) rotate(300deg);
    position: absolute;
    z-index: -1;
}

.table-section td{
background-color: rgba(82, 69, 58, 0.5) !important;
background-image: url('https://i.imgur.com/CHh7KHQ.gif') !important;
background-attachment: scroll !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}
h4{
color: white;
}
.table-section, .url-info, .contact{
border: transparent !important;
}
   .lightbluetext8, .blacktext10, .redbtext,.btext  {

  color: white !important;

 }
 table, tr, td, li, p, div,.text,.redtext, .blacktext12  {

  color: white !important;

 }

   .whitetext12, .orangetext15 {

  color: white !important;

 }
h4{
color: white !important;
}
.top{
background-color: rgba(82, 69, 58, 0.5) !important;
background-image: url('https://i.imgur.com/0QUfcLy.png') !important;
background-attachment: scroll !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
border-radius: 12px 12px 12px 12px;
margin: 0px 0px 15px !important;
}
.links{
background-color: rgba(82, 69, 58, 0.5) !important;
border-radius: 12px 12px 12px 12px;
margin: 0px 0px 15px !important;
}
footer{
background-color: rgba(82, 69, 58, 0.5) !important;
background-image: url('https://i.imgur.com/0QUfcLy.png') !important;
background-attachment: scroll !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
border-radius: 12px 12px 12px 12px;
}
</style></div></div>

<style>* {cursor: url(https://cur.cursors-4u.net/games/gam-10/gam952.ani), url(https://cur.cursors-4u.net/games/gam-10/gam952.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/04/03/fairy-3.html" target="_blank" title="Fairy"><img src="https://cur.cursors-4u.net/cursor.png" alt="Fairy" 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 7 of 7 comments ( View all | Add Comment )

geppaku	1688777120 well it seems to be rather extremely broken or i put something wrong lol Report Comment ack no you did nothing wrong!! apologies for not making this clearer, but as i said in the description of the layout, this layout is not functioning atm. I now know this is because imgur is no longer supported on spacehey. I hope you find another layout you enjoy!! it means a lot to me that you enjoy my layout, and im sorry you weren't able to use it :( by Jay; 1690005436; Report its ok!! lol dw by geppaku; 1690666429; Report
★NatetheFairyKing★	1686789590 im having an issue with the logo disappearing, do you have a link to the image that isnt a discord link? Report Comment i havent been as active on spacehey recently so i didn't see your comment till now, but it seems you figured it out? if you were referring to something other than the spacehey logo lmk!! by Jay; 1686962329; Report on my profile its fine but when i formatted the code to be used for bulletins the image no longer wanted to show up so i had to remove it by ★NatetheFairyKing★; 1686962724; Report hmm-im sorry i still am not super well versed in how to code bulletins, but i hope you find an alternative!! sorry again :( by Jay; 1686963419; Report thats okay! i'll find an alternative for it or figure out why that line of code broke ^^ by ★NatetheFairyKing★; 1686964793; Report
Testing DNI	1686261365 using but the pfp seems to be broken for me and im not sure why Report Comment i fixed it :) by Testing DNI; 1686263593; Report ack sorry i haven't been super active on spacehey lately so i didn't see your comment until now but i'm super glad you figured it out!! lmk if you have any other questions :> by Jay; 1686962232; Report
ratstar15	1683481192 ty i luv the layout:) Report Comment omg is it working for you? ive had multiple people tell me things weren't showing up for them :0 i'm glad you like it!!! ty for the comment :) by Jay; 1683499639; Report
-ˋˏZeeˎˊ-	1682958954 OMG! I'm using this later! Report Comment YIPPEE!! TY <33 by Jay; 1682983307; Report Im not sure what happened but it does not work for me :( by -ˋˏZeeˎˊ-; 1683039483; Report aaa you're the second person who's had something go wrong D: thats really weird bc it works fine on my computer, maybe it has something to do with the fact that i have the files downloaded?? is everything not working or just some things? im so sorry that happened, ill try to figure out what happened to the best of my ability!! by Jay; 1683069684; Report its all white and gray and I had trouble changing my layout because I could't find the edit button. The only thing that was working for me was the mushroom on the logo by -ˋˏZeeˎˊ-; 1683114913; Report that's so weird :C i will try and make different links to see if that works, imgur has been giving me trouble recently D: by Jay; 1683146399; Report im not sure if it's something different about your computer or something but someone else used this layout and it was working fine for them? i really do want to get to the bottom of what is going on, but maybe it just started working all of a sudden? lmk, this is super odd :I by Jay; 1683499735; Report
ᖭི༏ᖫྀ stevie ᖭི༏ᖫྀ	1682875385 This layout is beautiful! But the background isn't working for me x I can't see the brown background or the fairy/mushroom details Report Comment ahhh thats so weird! it seemed to work for others :( is it possible you missed some of the code? by Jay; 1682882087; Report
woodlouse ✰°.ೃ࿔*:･	1682609254 using until i can be bothered to make myself a new layout lol, tysm this is my fav layout ive seen Report Comment omg this comment made my day man im so glad you like it, thank you so much for using it!! by Jay; 1682616917; Report