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

BUILDERMAN [ 🔨 ]	1717997949 using! Report Comment <33 by Cyn; 1745792346; Report
Googlyeyes	1716583323 using :3 Report Comment <3 by Cyn; 1745792312; Report
finn 🐾	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