Red Static <3

Tags: red, cyn

Description:

Cool looking static layout I quickly made today!

Preview:

click on the image for a larger preview

Code:

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

<!-- made by Cyn <3 -->
<style>
/* font stuffs */
@import url('https://fonts.googleapis.com/css2?family=Monda&display=swap');
#wsite-title { font-family: 'Monda', sans-serif; }
        *{
        font-family: 'Monda';
        color: white!important;

        }
	    nav .top { /*for the spacehey tab at the top*/
            background-color: #aa0000!important;
            border-collapse:separate;
            border: 0px !important;
            border-radius:12px;
            -moz-border-radius:12px;
	    }
        ul  { /*for the links in the header and footer*/
            background-color: #323232aa!important;
            color: white!important;
            font-size: 20px;
            border-collapse:separate;
            border: 0px !important;
            border-radius:12px;
            -moz-border-radius:12px;
        }
        body { /*main background stuff*/
            background-image: url("http://cdn.lowgif.com/full/ca991a6f02ee042c-.gif"); /* URL for the background image of the page */
            background-repeat: repeat;
            background-position: center, center;
            background-color: #101010;
        }
        main { /*background for all the info on your page*/
            background-color: #303030cc!important;
            border-collapse:separate;
            border: 0px!important;
            border-radius:12px;
            -moz-border-radius:12px;
        }
        .contact { /* Contact info*/
            background-color: #303030cc!important;
            border-collapse:separate;
            border:solid black 1px !important;
            border-radius:12px;
            -moz-border-radius:12px;
        }
        .contact .heading { /*contact info title*/
            background-color: #101010cc!important;
            border-collapse:separate;
            border: 0px !important;
            border-radius:12px;
            -moz-border-radius:12px;
        }
        .url-info { /*links*/
            border-collapse:separate;
            border:solid black 1px !important;
            border-radius:12px;
            -moz-border-radius:12px;
        }
        .table-section { /*interests*/
            border-collapse:separate;
            border:solid black 1px!important;
            border-radius:12px;
            -moz-border-radius:12px;
        }
        .table-section .heading { /*interests title*/
            background-color: #101010cc!important;
            border-collapse:separate;
            border: 0px !important;
            border-radius:12px;
            -moz-border-radius:12px;
        }
        .table-section .inner .details-table tbody tr td { /*interests tabs*/
            background-color: #151515aa!important;
            border-collapse:separate;
            border: 0px!important;
            border-radius:12px;
            -moz-border-radius:12px;
        }
        .blurbs .heading { /*pretty self explanatory, for the blurbs title*/
            background-color: #aa0000aa!important;
            border-collapse:separate;
            border: 0px!important;
            border-radius:12px;
            -moz-border-radius:12px;
        }
        .friends .heading { /*friends title (also affects the friends comments title)*/
            background-color: #aa0000aa!important;
            border-collapse:separate;
            border: 0px!important;
            border-radius:12px;
            -moz-border-radius:12px;
        }
        .friend .comments-table { /*for the comments*/
            background-color: #101010aa!important;
        }
        footer { /*footer of the page*/
            background-color: #aa0000aa!important;
            border-collapse:separate;
            border: 0px!important;
            border-radius:12px;
            -moz-border-radius:12px;
        }
</style>
<!-- You can do what you want with your about me after this comment -->

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

(max)

1683082676

uzing !! :D

Report Comment

awesome!

by Cyn; 1711931527; Report

Kori

1636934195

Hey!! This was awesome and super easy to edit, thank you so much for the instructions in the code, literally have no idea what im looking at most of the time
Also, i might've accidentally knocked something out of the code, when i go to change the background of the comment table, nothing changes and its stuck on the initial setup colors.
Ill look some more, but other than that, this was super helpful.

Report Comment

Super late, but glad you liked it! I learned very early to ALWAYS add notes in the code or you'll just get lost so i'm glad it helped :)

by Cyn; 1638006213; Report

arlene

1617119222

so pretty im gonna use this one if ya dont mind!

Report Comment

late reply, but absolutely don't mind!

by Cyn; 1620362910; Report