profile picture

Published by Francesco

published
updated

Category: Web, HTML, Tech

View Francesco's Blog

View Francesco's Profile

Report Blog Entry

[LAYOUT] Enter the Void

I released another layout.
Here some tools, and tips.


README FIRST!


If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!!

Credits are appreciated (a post, a bulletin or something else that can support me)

Thanks.

Copy and paste it in your about me section! Enjoy!

<style>
    :root {
        --logo-blue#333;
        --darker-blue#404040;
        --lighter-blue#999;
        --even-lighter-blue#ccc;
        --lightest-blue#e3e3e3;
        --dark-orange#333;
        --light-orange#181818;
        --even-lighter-orange#404040;
        --green#38d;
    }
    * {
        font-familymonospace;
    }
    body {
        background-imageurl(https://www.francescomarchesin.com/assets/images/cover_def.jpg!important;
        background-sizecover;
background-attachmentfixed;
    }
    .blog-preview p {
        background-colorblack;
        padding5px 15px;
        border-radius15px;
        colorwhite;
    }
    .blog-preview p a{
        color#c00!important;
    }
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        colorwhite!important;
    }
    nav {
        border-radius15px 15px 0 0;
        overflowhidden;
    }
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        bordernone;
    }
    table.details-table {
        border-collapsecollapse;
    }
    table.details-table td {
        background-colortransparent !important;
    }
    .profile-pic {
        border-radius500px;
        overflowhidden;
    }
    .heading {
        padding5px 0 !important;
        margin-top15px;
        margin-bottom10px;
        background-colortransparent !important;
        color#2a2a2a !important;
        border-bottom2px solid;
    }
    main {
        border-radius0 0 15px 15px;
        backgroundrgba(2552552550.94!important;
    }
    .container {
        border-radius15px 15px 0 0;
        overflowhidden;
        margin-top30px;
        padding10px;
    }
    footer {
        border-radius15px;
        backgroundrgba(2552552550.94!important;
        displayblock !important;
    }
    table.comments-table td {
        background-colorwhite !important;
    }
    .comments-table td:first-child img {
        width80px;
        border-radius500px;
    }
    .profile .friends .person img {
        border-radius500px;
    }
    .blog-preview p {
        font-size1.4rem;
    }
    a.addme {
        font-size2rem;
        font-weightbold;
        margin-bottom15px;
        displayblock;
    }
</style>


38 Kudos

Comments

Displaying 10 of 10 comments ( View all | Add Comment )

Lilith Strange 💀

profile picture

This looks amazing thank you!


Report Comment

Ashe

profile picture

Pretty cool dude


Report Comment

Melana

profile picture

Thank you for all your work. I "borrowed" this layout for my page. I am brand new here on spacehey and am trying to figure out how things work.
I appreciate everything you have going on here and sent a friend request. Once you accept I can maybe figure out how to give you credit with a link to your space.
I was born when dinosaurs roamed the earth and it shows. lol


Report Comment

BattSabbath

profile picture

Love this, thank you


Report Comment

Celine Robichaud

profile picture

Using a modded version of it, thanks!


Report Comment

Shaunee

profile picture

Love this thank you!!


Report Comment

♥ Miss Julie ♥

profile picture

This is awesome! Thank you!


Report Comment

Mal_hell

profile picture

Love this!


Report Comment

mercury

profile picture

thank you so much for this!!


Report Comment

Tracy

profile picture

Impressive!


Report Comment