ᘏ Flowery Layout ꈍᴗꈍ

Tags: #layout, #garden, #flowers, #spaceheylayouts, #pink, #white

Description:

A flower themed layout

- customizable / changeable

- free to use

I will link everything I used down here:

Fonts:

1. Gamja Flower ( https://fonts.google.com/specimen/Gamja+Flower?query=flower )

2. Indie Flower ( https://fonts.google.com/specimen/Indie+Flower?query=flower )

Images:

Background Image: ( https://www.pinterest.ph/pin/95420085841933665/ )

Banner Image: ( https://www.pinterest.ph/pin/2462974787349102/ )

Footer Image: ( https://www.pinterest.ph/pin/123356477286198361/ )

Websites used:

Fonts - https://fonts.google.com/

Colors - https://www.quackit.com/css/color/tools/css_color_picker.cfm

Images - https://www.pinterest.ph/

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Gamja+Flower&display=swap');
p{
  font-family: 'Gamja Flower', cursive;
  font-size: 25px;
  color: white;
}
h1,h2,h3,h4,h5{
  font-family: 'Indie Flower', cursive;
  font-size: 20px;  
  color: white;
}
  body {
   background-image: url(https://cdn.discordapp.com/attachments/919639952814395473/972780991615750175/Sweet_pink_sunset.jpg);
   background-size: cover;

}
.profile {
   background-color: rgb(254, 125, 190); 
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(254, 66, 160);
   color: white;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: black;
   color: rgb(254, 66, 160);
}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px rgb(249, 146, 197);
    height: 300px;
    display: block;
    content: "";
    box-shadow: 0px 0px 5px 1px #FE51A8;
    background-image: url(https://cdn.discordapp.com/attachments/919639952814395473/972782695723724810/s_-_31.gif);
    background-position: center center;
    background-size: cover;
}

footer {
    border-radius: 15px;
    background-image: url(https://cdn.discordapp.com/attachments/919639952814395473/972782073028964382/limerence____mairi_-_11.gif);
    color: white;
}

table.comments-table td {
    color: white;
}

:root {
    --logo-blue:rgb(254, 184, 219);
    --darker-blue: rgb(254, 232, 243);
    --lighter-blue: rgb(254, 61, 158);
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: rgb(254, 47, 151);
    --light-orange: rgb(254, 122, 188);
    --even-lighter-orange: rgb(254, 122, 188);
    --green: pink;
}
</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 1 of 1 comments ( View all | Add Comment )

sammi

1717198268

is there any way to customize it ? cause i wanna put a twice banner in but idk how to..

Report Comment