Reddish Layout

Tags: red
Description:

made by me :) most of codes are by tilapia!
Preview:

click on the image for a larger preview
Code:

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

<style>
main{ 
content: ""; 
border: 1px solid !important;
box-shadow: 0px 0px 0px ; 
width: 100%; height: 490px; 
padding: 0px;
overflow-y: auto; 
}
table.details-table{
background-color:;
</style>

<style>
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{

content: URL("https://supplies.ju.mp/assets/images/tiny1/914da823_original.gif?v=73b3273e") !important;

padding-left: 4px !important;

}
</style>

<style>.container{width: 980px !important;}</style>

<style>.logo{content: url(https://i.postimg.cc/FK6xWLrW/image.png);width: 165px !important;height: 42px !important;}</style>

<style>
li.active .icon { content:url('https://xyz.crd.co/assets/images/gallery06/ef9f931d.gif?v=b8c10f81'); width: 15PX;height: 15px;}
</style>

<style>
        .profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

    direction: ltr;

   }

    }</style>

<style>

@import url('https://fonts.googleapis.com/css2?family=New+Rocker&display=swap');
body{
font-family: 'new rocker', cursive;
font-size: 120%;
}</style>

<style>
    .top{
        
    background-color: #ffffff !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{
        
    background-color: #ffffff !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>
    .links{
        
    background-color: #ad3636 !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>* {cursor: url(http://www.rw-designer.com/cursor-view/97587.png), auto !important;}</style> <a href="" target="_blank" style="position:absolute; top: 0px; right: 0px;"></a>

<style>
/* change "contacting generic profile" inner here */
    .profile .contact{
        border: ridge #ad3636;
        text-align: ;
        box-shadow: 0px 5px 10px gray;
        background: linear-gradient(white, white 70%,gray 150%);
</style>

<style>
/* change "contacting generic profile" header here */
    .profile .contact .heading{
        background: linear-gradient(#ad3636,#ad3636);
    }
</style>

<style>.url-info{display: none !important;}</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://xyz.crd.co/assets/images/gallery11/3e511865.gif?v=b8c10f81)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url(https://xyz.crd.co/assets/images/gallery11/3e511865.gif?v=b8c10f81)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url(https://xyz.crd.co/assets/images/gallery11/3e511865.gif?v=b8c10f81)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url(https://xyz.crd.co/assets/images/gallery11/3e511865.gif?v=b8c10f81)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url(https://xyz.crd.co/assets/images/gallery11/3e511865.gif?v=b8c10f81)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url(https://xyz.crd.co/assets/images/gallery11/3e511865.gif?v=b8c10f81)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url(https://xyz.crd.co/assets/images/gallery11/3e511865.gif?v=b8c10f81)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url(https://xyz.crd.co/assets/images/gallery11/3e511865.gif?v=b8c10f81)
}
</style>

<style>.online{content: url("https://i4.glitter-graphics.org/pub/2036/2036394dfylto8ia3.jpg") !important;}</style>

<style>
    footer{
        
    background-color: #bdbdbd !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.comments-table{display: block;height: 250px!important;overflow-y: scroll;}</style>

<style>

img:hover , .url-info:hover , .online:hover {

  animation: shake 1s;

  animation-iteration-count: infinite;

}



@keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

}

</style>

<style>
table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "Interests";
  --topic2: "Songs";
  --topic3: "Fav Movies";
  --topic4: "Books";
  --topic5: "TV";
  --topic6: "Heroes";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}
</style>

<style>
 /* change comments bg here */
    .comments-table td{
        background: linear-gradient(#ad3636,#ad3636, #ad3636);
        border: ridge white;
</style>

<style>
}
    /* change "interests" bg/border inner here */
    .profile .table-section{
        border: ridge #2596be;
        text-align: center;
        box-shadow: 0px 5px 10px gray;
        background: linear-gradient(#ad3636);
</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 2 of 2 comments ( View all | Add Comment )
removrr
1748771927
Im dummy. How to make profile picture at the left?
Report Comment
Lydia xoxo
1697744310
It reminds me of ao3 :3
Report Comment