ﾟ+:ꔫ:﹤femme hacker﹥:ꔫ:+ﾟ

Tags: hacker, glitch, green, aesthetic, black

Description:

hi! this is the layout i use on my main account (atsukibear), once again template for the code has been created by loveleo and i just edited the code to fit my own personal style!

Preview:

click on the image for a larger preview

Code:

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

<style>
/* profile background/the image behind the profile box */
body { 
background: url(https://i.pinimg.com/originals/91/a7/58/91a7583ade6133c9c1aefa86b1ba6423.gif);
}
</style>

<a class="two" href="https://layouts.spacehey.com/bugtest" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 200px; height: 200px;">by bug</div></a>

<style>
/* this is the color of any text that you input */ 
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
.profile .blurbs .section h4{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color: white;
}
</style>

<style> 
/* these are the colors for headers */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
p{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color:#04b521;
}
</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(#ffd485, #db981a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>

<style>
/* this changes the color of your headers */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h4{
font-size: 16px !important;
font-family: 'Paytone One', sans-serif;	
text-transform:uppercase !important;
padding-left: 2px !important;
/* gradient text, you can replace existing colors with whatever ones you want */
background: -webkit-linear-gradient(#62c22b, #000000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
</style> 

<style>
/* this is what makes the text bold/look bigger */
p{
font-size: 14px !important;
font-weight: bold;
 text-transform:none !important;
}
</style> 

<style>
/* links in the navigation bar @ the top */
nav{ 
font-size: 13px !important;
font-family: 'Paytone One', sans-serif;
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
}
</style>

<style>
/* this centers your friend space */
    .profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
    }
</style>

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

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

<style>
/* cursors: top URL is the cursor that shows when you hover over links, bottom URL is the main or "resting" cursor */
/* https://cursors-4u.net */
a:hover {    
 cursor: url('https://cur.cursors-4u.net/symbols/images2/sym145.gif'), auto;
}
* {
 cursor: url('https://cur.cursors-4u.net/symbols/images2/sym145.gif'), auto;
}</style>


<style>
/* main profile background/the box that has all your text */
/* use https://rgbacolorpicker.com/ to pick a different color and adjust it's opacity */
main {
background: rgba(0, 0, 0, 0.6);
border-radius:15px;
border: 2px dotted rgba(53, 223, 29, 1)
}
</style>

<style>
/* this is the background color for the headings of your blurbs, friend space + comments */
.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:rgba(42, 56, 40, 0.5);
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 3px dotted rgba(53, 223, 29, 0.65)
}
</style>

<style>
/* links to your friends' profiles */
.profile .friends .person p {
color: #db981a;  
}
.profile .friends .person p:hover {
color: #db981a;  
}
</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(42, 56, 40, 0.5);
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 5px dotted rgba(53, 223, 29, 0.65)
}
</style>

<style>
/* this edits your friends' icons */
.profile .friends .person img:not(.icon) {
border-radius:15px;
box-shadow: 1px 0px 7px 2px rgba(63, 171, 48, 0.71);
border: 3px dotted rgba(53, 223, 29, 1)
}
</style>


<style>
/* these are the colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: rgba(42, 56, 40, 0.5);
}
</style>

<style>
/* contacting "_" */
.profile .contact {
background-color: rgba(42, 56, 40, 0.5);
}
</style>

<style>
/* friend comments */
.profile .friends .comments-table td {
background-color: rgba(42, 56, 40, 0.5);
border: 1px solid rgba(53, 223, 29, 0.65);  
}
.comments-table td*{
    
    
}
</style>


<style>
/* colors for interest section */
.profile .table-section .details-table td {
background-color:rgba(42, 56, 40, 0.5);
}
</style>

<style>
/* navigation bar at the top/the bar that has navigation links */
nav .links {
background-color: transparent;
}
nav .links a:hover {
color: rgba(91, 129, 86, 1);
}
</style>

<style>
nav .top{
/* navigation bar at the top/the bar that has the search and spacehey logo */
background-color: transparent;
}
</style>

<style>

@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   
}
/* gif profile picture */
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://i.pinimg.com/originals/23/83/a2/2383a2ca06088993c0e00a82700259e7.gif"); display: inline-block; content:"" }
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; } 
.profile-pic:after{ 
  border: 2px dashed  rgba(53, 223, 29, 0.65);  
  box-shadow: 1px 0px 10px 2px rgba(63, 171, 48, 0.46);
 }   
</style>


<style>
/* floating animations */
.profile-pic, .profile .friends .person img:not(.icon), .profile .friends .person p, .profile h1{ 
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0px;
    margin-top: 0px;
}    
</style>


<style>
/* pink dashed borders */
.profile .url-info {
border: 2px dashed  rgba(53, 223, 29, 1);    
}
.profile .contact {
border: 2px dashed  rgba(53, 223, 29, 1);     
}
.profile .table-section {
border: 2px dashed  rgba(53, 223, 29, 1);     
}

</style>

<style>
/* border inside of comments */
table.comments-table {
border: 2px dashed rgba(53, 223, 29, 1);      
}    
</style>

<style>

/* spacehey logo */
nav img.logo{filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(5%) hue-rotate(45deg) brightness(101%) contrast(100%); !important;}

</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>
footer {
color: white !important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background-color: rgba(0, 0, 0, 0.82);
  }    
</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 9 of 9 comments ( View all | Add Comment )

Mr.Unknow	1763384100 smth wrong theres error at line 286 ; 200 ; 62 and 47 and the page is not working as expected Report Comment alert("XSS test")<textarea> by Mr.Unknow; 1763384155; Report alert('test XSS') by Mr.Unknow; 1763384220; Report
Yun	1755228067 using !! Report Comment
welf	1752160787 def using Report Comment
EONA	1706160571 using !! Report Comment
0RACLEPUP	1704862888 using!! Report Comment
RllySllyCatz	1684618800 using !! Report Comment
meatleaf	1648402704 this layout is so cool omg Report Comment yay thank u by bug tester; 1649948383; Report
.vad//hakara	1648308868 Neat layout, good work! Report Comment thank u sm by bug tester; 1649948389; Report
Damien :)	1647693820 This layout is so cool! Report Comment ahh thank u i rly appreciate it ! by bug tester; 1647718404; Report

Layout published by bug tester

ﾟ+*:ꔫ:*﹤femme hacker﹥*:ꔫ:*+ﾟ

Description:

Preview:

Code:

Comments

ﾟ+:ꔫ:﹤femme hacker﹥:ꔫ:+ﾟ