Ultimate Power Overload!

Tags: chainsawman, red, cute
Description:

I tried making my own layout! Im super super new at coding, so sorry for messy code too...anyone who likes it, feel free to use/edit! :-)
Preview:

click on the image for a larger preview
Code:

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

<style>.contact {

  border-radius: 25px;
  background-image: url(https://media.tenor.com/yoJ2PW71mGQAAAAd/power-chainsaw-man.gif);
  no-repeat fixed;
background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  padding: 20px;
  width: 500%;
  height: 100%;
line-height: 8px;
color: #000;
background-size: %;

}</style>

<style>
    body{
        
    background-color: black !important;
    }
    
</style>
<style>
main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://media.tenor.com/6yiPCuJqgGAAAAAC/power-chainsaw-man.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		
	}
}

</style>

<style>
    main{
     
    background-color: 
#dc0807 !important;
    background-image: url('') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
footer {
        border-radius: 15px;
background-image: url(https://media.tenor.com/S4YvsJTufHoAAAAC/tooboe-power-chan.gif);
background-repeat: repeat;
background-size: 30%;
background-position: top center;
</style>
<style>
    .blog-preview{
        border: 1px dashed;
        background-color: blue;
    background-image: url('https://media.tenor.com/S4YvsJTufHoAAAAC/tooboe-power-chan.gif');
    opacity: ;
    background-position: center;
background-repeat: no-repeat;
background-size: 500%;
    }
    .col.right:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 120px;
  background-image: url("https://i0.wp.com/codigoespagueti.com/wp-content/uploads/2022/11/chainsaw-man-power-fanart-maid.jpg?resize=1280%2C720&quality=80&ssl=1");
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 220px;
}

.online{
  content: url("https://pixelbank.neocities.org/emoticons/faces/b5cb240e.gif");
} 
.mood {
  padding-top: 3px;
}

</style>
<style>
    .top input{
        
    background-color: rgba(255, 205, 97, 1) !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    h1{
        
    background-color: !important;
    background-image: url('https://pixelbank.neocities.org/dividers/image116.gif') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
    
    }
</style>

<style>
*search button*
    button{
        
    background-color: rgba(255, 205, 97, 1)!important;
    background-image: url('') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    .mood{
        
    background-color: rgba(255, 205, 97, 1) !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    table.details-table{
        
    background-color: red !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
    .profile .details-table td{
        
    background-color: rgba(255, 205, 97, 1) !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
    
</style>
<style>

    .contact{
        
border: 1px solid black !important;   
        
    }
</style>
<style> <style>
    table.details-table{
        
border: 1px solid black !important;   
        
    }
    .profile .details-table td{

border: 1px solid black !important;   

    }
</style> 



<style>

    .url-info{
        
border: 1px solid black !important;   
        
    }
</style>

<style>
    .contact .heading{
        
    background-color: rgba(255, 205, 97, 1) !important;
    background-image: url('');
    background-repeat: repeat;
    background-position: center;

    }
</style>

<style>
    .blog-preview{
        
    background-color: rgba(255, 205, 97, 1) !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
    
</style>

<style>
    .blurbs{
    
    color: COLOR !important;
    background-color: rgba(255, 205, 97, 1) !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
    
</style>
<style>
    .friends{
        
    background-color: rgba(255, 205, 97, 1)  !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    .comments-table td{
        
    background-color:rgba(192, 3, 3, 1)  !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    .body{
        
border: 1px dashed black !important;        

    }
    <style>
    
</style>





<style>

    .top{
        
    background-color:rgba(192, 3, 3, 1) !important;
    background-image: url('') !important;
    background-repeat: NO-REPEAT !important;
    background-size: cover !important;
        
    }
</style>
<style>
    .links{
        
    background-color: rgba(255, 205, 97, 1)!important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
    }
footer {
    border-radius: 0%;
    background-image: url(https://66.media.tumblr.com/73bf4c37de6f69cadf74bf2a3135e9a4/tumblr_pn6miyHDWP1xkzh9eo1_400.gifv?q=60);
    font-size: 75%;
    color: hotpink;
}
    
nav .links li:not(:last-child)::after {
  content: " ✧";
  color: var(--text);
}


.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://pixelbank.neocities.org/emoticons/creatures/a5deeff3.gif');
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content:url('https://64.media.tumblr.com/30fd4954e77c5846054adba6e71dec8d/4976d92061e98e5d-f6/s75x75_c1/f10ff3d261adb1d3a7d644309053ab1be7fed275.gifv')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content:url('https://64.media.tumblr.com/7aaa02c0fed572a282e61d60d07d9656/4976d92061e98e5d-e9/s75x75_c1/804d54451f76c137afeb1e9e295a6708032a5d36.gifv')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content:url('https://64.media.tumblr.com/126927be146e9392d6a195866c1e8b8a/4976d92061e98e5d-62/s75x75_c1/b2072bcc6e4b5869bc51bd2f86c1c07abcb9b625.gifv')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content:url('https://64.media.tumblr.com/23304ba0e408e792312e59cfb50d4267/be5456b81def8a82-10/s75x75_c1/37992dd62bc10e991494f4b702cfaf3551b5b086.gifv')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content:url('https://64.media.tumblr.com/bcaa529cdf54164786e688298b933ac0/c5e5f0f1c2a6ae38-08/s75x75_c1/641c156693a620898139567f3fe9bba9106f73fa.gifv')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content:url('https://64.media.tumblr.com/229c4b944bbf349503637aeb0ce158c7/4fff88db7ef6e0cd-78/s75x75_c1/3da5aee049138e85beab1b73e5821d588ab1c6fc.gifv')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content:url('https://64.media.tumblr.com/8aba28e0387966ff8981b814674552c4/a15f997725b9b2ae-fa/s75x75_c1/a2cf8b4c687de6be8e6e46ecd50d1eef9ac43605.gifv')
}

</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 0 of 0 comments ( View all | Add Comment )