LPS Blog Layout (Lavender)

Tags: lps, blog layout, blog

Description:

a very simple layout made using basic html & css code

credit & comment if using!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Jackie Sparklefur🐾 (https://layouts.spacehey.com/layout?id=105059) -->

<style>
.logo {
content:url("https://iili.io/J477k8u.md.png");
}

a:hover {
    color: #9d9fcf!important;
}

nav .links{
        text-align: center;

</style>

<style>

body {
background:url(https://i.pinimg.com/564x/36/30/cd/3630cd837d2d1ca694c7c4e47cad5f78.jpg);
color: #d1e59f;
font-family: "Comic Sans MS", "Comic Sans", cursive;;
font-size: 18px;
}

:root {
--logo-blue: #9d9fcf;
--darker-blue: #6e4582;
--lighter-blue: #5ecbdb;
--even-lighter-blue: #9d9fcf;
--lightest-blue: #d1e59f;
--light-orange: #5ecbdb;
--even-lighter-orange:url(https://dl.glitter-graphics.com/pub/577/577814mxl3lzplgr.gif);
--green: #6e4582;
}

footer{    
background-color:#9d9fcf;    

</style><style>
a:hover {
    color: #6e4582!important;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
        content: " ✿ ";
        color: #eaacb4;
    }
</style>

<style>
li.active .icon { content:url('https://dl.glitter-graphics.com/pub/2736/2736942h0b9j39ct6.gif'); width: 20PX;height: 20px;}
</style>

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.