Simple Wolf Layout

Tags: wolf, simple, flipped, layout

Description:

Hello Everyone! I hope you like this layout I created! :) Please let me know in the comments if you decide to use this layout! Enjoy :D (Also if you have any requests feel free to let me know & i'll do my best!)

Preview:

click on the image for a larger preview

Code:

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


<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://images2.imgbox.com/3a/68/xJfa43aL_o.jpg');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');</style>

<style>

body{
background-image: url('https://images2.imgbox.com/fb/0d/SN4USmdE_o.jpg');
background-repeat: repeat;
background-position:undefined;
background-attachment: fixed;
background-size: auto;
background-color: #000000;
}



main{
background-color: #000000;
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #000000;
}

span[itemprop='name'] {
color: #0dabcc;
font-size: 12pt;
text-decoration: underline;
font-family: Sans-Serif;
}

h4 {
color: #0dabcc;
font-size: 10pt;
font-family: 'Dancing Script', cursive;
}

.section h4, .details-table td:first-child {
color: #0dabcc!important;
font-size: 13pt;
font-family: 'Dancing Script', cursive;
}

a, .count {
color: #00d1ce;
font-family: Sans-Serif;
}

a:hover {
color: #e8cf67;
font-weight: bold;
font-family: Sans-Serif;
}

body,main {
color: #f5d3a3;
font-family: Sans-Serif;
}

.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;


}
.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;

   }

    .top{

        border-radius: 25px 25px 0 0 !important;

    }
    main{

        border-radius: 0 0 25px 25px !important;

    }
    footer{

        border-radius: 0 0 20px 20px !important;

    }

</style>

<style>

table.comments-table{

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

}


        .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 Favorites */
content: ""
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: ""
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward 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 to Group */
content: ""
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: ""
}
</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 )

Bluevampire99

1711725432

using!!

Report Comment

Lord Byron Silverhand

1690405190

Hi! This one looks so cool! I'm gonna use it :)

Report Comment

sweet!
im glad you like it!
:D

by Kristine♡; 1690405405; Report

Question! How can I embed a Spotify playlist?

by Lord Byron Silverhand; 1690405470; Report

So open Spotify, Select a playlist you wish to use.
Then look for 3 dots next to the download button & select "share" then select embed playlist.
After that make adjustments on color & size then on the bottom of that window,then check the box that says "Show code" & hit copy. Then paste that code anywhere on your profile. :)

by Kristine♡; 1690405858; Report

Ohh, I've tried that...maybe user error?

by Lord Byron Silverhand; 1690406217; Report

Hmmm i gave it a shot & a playlist i selected comes up on my page. maybe a privacy issue with the playlist?

by Kristine♡; 1690406984; Report

Nah, I figured it out!

by Lord Byron Silverhand; 1690408222; Report