guts berserk

Tags:

Description:

i took a template and changed gifs and photos nothing special

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Acme&family=Bangers&display=swap');
  body {
      background-image: url(https://media.tenor.com/z3AUO0Bi7vsAAAAd/skeletons-berserk.gif);
      background-size: cover;
      background-attachment: fixed;
      background-repeat: repeat;
      background-color: white;
      font-family: 'Acme';
  }
  
.online { visibility: hidden; } .online img { content: url(https://64.media.tumblr.com/52e5c1537decfe1c2cad1a88e10979ce/8172078479e56043-cc/s1280x1920/3cc1634f7b956ff347307d39ba4062dd9e3f1446.gifv); animation-name: none; visibility: visible; height: 90px; width: 90px; }
  main {
      border-style: solid;
  }
  
  img {
      filter: grayscale(100%);
  }
 .profile h1 {
      font-family: 'Bangers';
      font-size: 30px;
      letter-spacing: 2px;
  }
  
  .profile .blurbs .heading h4,  .profile .friends .heading h4 {
      font-family: 'Bangers';
      font-size: 20px;
      letter-spacing: 2px;
      color: white;
  }
  
  .profile .blurbs:before {
      background-image: url(https://media.tenor.com/wxaQ78WDEREAAAAC/guts-berserk-banner.gif); 
 
      filter: grayscale(100%);
      display: block;
      width: 100%;
      background-position: center center;
      content: "";
      height: 200px;
      background-size: cover;
      margin: 10px 0px;
  }
  
  .profile .contact .heading, .profile .table-section .heading, .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading {
      background-color: black;
border-radius: 5px 5px 0px 0px;
height: 100%;
text-align: center;
  }
  
.profile  .contact, .profile .table-section{
      border-style: none;
  }

 nav .top, nav .links{
     background-color: black;
     text-align: center;
     font-size: 15px;
 }
 
 .profile .blurbs .inner, .profile .friends .inner {
     border-style: solid;
     margin:;
 
 }
 
 .profile .url-info {
     border-color: black;
 }
 
 .profile  .contact .inner, .table-section .inner {
     border-style: solid;
     border-color: black;

 }
 
#comments:before {
     background-image: url(https://media.tenor.com/Y2MzbNKuVH8AAAAd/berserk-guts.gif); 
     display: block;
      width: 100%;
      background-position: center center;
      content: "";
      height: 550px;
      background-size: cover;
      margin: 10px 0px;
 }
 
 .details-table td:first-child {
     background-color: black;
     color:white;
 }
 .details-table td {
     background-color: white;
 }
 
 footer {
     background-color: white;
 }

.comments-table td:first-child {
    background-color: white;
}
.comments-table td {
    background-color: black;
    color: white;
}

.profile .blurbs .section h4 {
    color: black;
}

a, .count {
  color: gray;
}

a:hover {
    text-decoration: underline;
    color: red;
}
.profile .contact:after {
    /* display: block; */
    width: 100%;
    background-position: center center;
    content: "";
    height: 400px;
    background-size: cover;
    margin-top: 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 6 of 6 comments ( View all | Add Comment )

JohnnyBoy	1716990199 Love it!! Report Comment
rottenguts	1708552785 i rlly like thisss Report Comment
chitot.	1705985475 I like berserk and personally I loved this layout Report Comment
dely <3	1705808761 amazing berserk layout, dont downplay your work :) Report Comment
mimi୨ৎ	1705466761 more of bersker, please! Report Comment
Mazin	1679556992 do you do layout requests ? Report Comment depends on what u need by aleksandar猿; 1679643005; Report a layout by Mazin; 1679694326; Report yeah i need to know what it is about by aleksandar猿; 1679713235; Report