Alice's profile picture

Published by


Category: Web, HTML, Tech

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 :)

    :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 */ * {cursor: url(), auto !important;} /* End */

3 Kudos


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

☥мΔяк яΔzîэL☥

☥мΔяк яΔzîэL☥'s profile picture

Is the first part with the colours compulsory?

Report Comment

yeah i think so

by Alice; ; Report

☥мΔяк яΔzîэL☥

☥мΔяк яΔzîэL☥'s profile picture

It’s something GREAT

Report Comment