my blog layout V5

Tags: blog, blog layout, bulletin, green, nature, water, anime

Description:

version five of my personal blog layouts.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by peanutbuttercheerio (https://layouts.spacehey.com/layout?id=88906) -->

<style>

body{
background: url(https://64.media.tumblr.com/60711907b3ca43d2c592c94b66610bea/9e444c5f89da9a7c-23/s500x750/9b799d49eb29b65bf13cafd0d1b9fb186dc28693.gifv);
height: 100%;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}

main{
   margin-top: 10px;
   background-color: rgba(255,255,255,0.4);
   border: 1px solid white;
   box-shadow: 0 0 10px white;
   border-radius: 8px;
   color: white;
   text-shadow: 1px 1px #292929;
}

nav .links li .icon{
content: url(https://voixii.carrd.co/assets/images/image01.gif?v=3c9b6e33?height=20);
}

nav .links {
    background-color: transparent;
    padding: 3.5px 16px;
    text-align: center;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 2px #56b854, 0 0 2px #56b854, 0 0 2px #56b854, 0 0 2px #56b854, 0 0 2px #56b854, 0 0 2px #56b854;
    font-size: max(0.98em, 12px);
}

font-family: "Times New Roman " , Times, serif;
font-size: 20px;
font-display: bold;

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #70b574;
    text-decoration: none;
    font-style: italic;
}

a {
    color: #70b574;
    text-decoration: none;
}

main{
   margin-top: 10px;
   background-size: cover;
   background-color: rgba(255,255,255,0.4);
   border: 1px solid white; 
   border-radius: 8px;
   box-shadow: 0 0 10px white;
   color: white;
   text-shadow: 1px 1px #292929;
}

:root {
  --logo-blue: rgba(255, 255, 255, 0.4);
    --headers: rgba(255, 255, 255, 0.4);
    --darker-blue: rgba(255, 255, 255);
    --lighter-blue: rgba(255, 255, 255, 0);
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: ;
    --light-orange:  rgba(255, 255, 255, 0);
    --even-lighter-orange: rgba(255, 255, 255);
}

nav .top .left .logo {
   width: 165px;
   height: 42px;
   filter: drop-shadow(2px 4px 6px black);
}

nav .top{
   margin-top: 10px;
   background-color: rgba(255, 255, 255, 0.4);
   background-size: cover;
   border: 1px solid white;
   border-radius: 5px;
   box-shadow: 0 0 8px white;
}

button, input {
   overflow: visible;
   background: white;
   color: black;
   border: none;
   box-shadow: 0 0 5px white;
   border-radius: 5px;
}

footer {
   text-align: center;
   font-size: 70%;
   margin: 10px 0 10px;
   padding: 10px 5px;
   background-color: transparent;
   color: white;
}

.comments-table td:first-child, .music-table td:first-child {
   background: #8ad18c;
   text-align: center;
   font-weight: bold;
   width: 38%;
}

.comments-table td, .music-table td {
   background: #8ad18c;
   vertical-align: top;
}

</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.

Comments

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

ashton	1726895307 this is so cute! love your layouts Report Comment thank you !! ^_^ by peanutbuttercheerio; 1727059732; Report
PrinceStone.°‧★	1723792948 using probobly! But question, can I edit it? Like add my own background images and stuff. Report Comment yes ofc !! and thank youuu by peanutbuttercheerio; 1724043378; Report Ahhh np and thank you too! :D by PrinceStone.°‧★; 1724044456; Report
⋆✮⋆🦇Max🕸🕷⋆✮⋆	1722629341 using!! I'll give creds!! Report Comment thank u !! u don't need to but its much appreciated by peanutbuttercheerio; 1722648776; Report
❥Lumi. ݁₊ ⊹ . ݁˖ . ݁	1721889758 i wanna use it but its not working for me D; Report Comment oh no !! ill check the code by peanutbuttercheerio; 1722648760; Report its working for me, maybe try copy pasting it again ? by peanutbuttercheerio; 1722648883; Report No I just didn’t know where to put the code I got it now tho, thanks! (/￣∀￣)/~~☆’.･.･:★’.･.･:☆ by ❥Lumi. ݁₊ ⊹ . ݁˖ . ݁; 1722652054; Report yay !! ^_^ by peanutbuttercheerio; 1723141633; Report
Cyrus	1716162829 love this!! Report Comment thank u ^_^ by peanutbuttercheerio; 1716169420; Report
Jesse	1715735480 Using! Report Comment thank you very much !! :3 by peanutbuttercheerio; 1716008288; Report
P4RTAK	1715605424 Using,thx Report Comment thank you <3 by peanutbuttercheerio; 1716008269; Report
𖤐 〖J1GS4W〗 𖤐	1714338195 Using Report Comment thank yu so much ! by peanutbuttercheerio; 1714428948; Report
Sammy X3	1711811045 uzing!! Report Comment thx !! ^^ by peanutbuttercheerio; 1711945062; Report
Simp	1707021636 using :) Report Comment thanks so much <3 by peanutbuttercheerio; 1707172769; Report
Jhez	1706220351 using Report Comment thank u ! ^_^ by peanutbuttercheerio; 1706485631; Report
THEA!! <3	1706201002 using! <3 Report Comment thank uuuu !!! by peanutbuttercheerio; 1706485616; Report
Spaceboy	1706029798 usado Report Comment gracias ! <3 by peanutbuttercheerio; 1706038657; Report
Biel	1705715698 Usandolo, que bonitoo <(TOT)/<33 Report Comment graciasss !! by peanutbuttercheerio; 1706038634; Report
dina 🗡️	1703370246 using!! Report Comment thank uuu by peanutbuttercheerio; 1703467289; Report
zaiden !	1703051930 Can you make a space layout Report Comment i can try ! originally my layout was supposed to be space themed but i couldnt get it quite right so i made it nature, haha. by peanutbuttercheerio; 1703315292; Report they're posted !! i made a few ^w^ by peanutbuttercheerio; 1703471762; Report
acinonyx	1702893515 you should make a layout like this !!!!! Report Comment i did make this layout ? im sorry i dont understand what you mean by peanutbuttercheerio; 1703315249; Report I think they mean a profile layout by victim; 1713997546; Report OOOHHHHH that makes much more sense by peanutbuttercheerio; 1714014922; Report