basic customisable css tutorial!!

this is a basic css layout that people can use! using only css can be hard at first but hopefully this will help some people :)

<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-family: "^{add a font name here}";
        color: font colour goes here;
        background: table colours here !important;
    }
    body {
        background-image: url(backgroud image ur here) !important;

background-repeat: delete this if you don't want background to repeat;

for full screen backgrounds add "background-position:cover"

        background-attachment: fixed;
        font-size: 20px;
   }
    footer {this is the bottom section of the page don't delete this
        border-radius: 15px;
        font-size: 20px;
        background: black !important;

display: block !important;

    }this is the comments section
    table.comments-table td {
        background-color: black !important;
        font-size: 15px;
    }i think this is the interests section
    .blog-preview p {
        font-size: 1.4rem;

background: black !important;

    } this is the contact box do not delete
    a.addme {
        font-size: 2rem;
        margin-bottom: 15px;
        display: block;

background: black !important;

}put cursors from cursors 4u here
/* Start https://www.cursors-4u.com */ * {cursor: url(), auto !important;} /* End https://www.cursors-4u.com */
</style>

5 Kudos

Comments

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

☥Horemhat☥

1623775233

Is the first part with the colours compulsory?

Report Comment

yeah i think so

by Alice; 1625315069; Report

☥Horemhat☥

1623771716

It’s something GREAT

Report Comment