✩ ٠ ٠ ٠ ‹3 ‎Keroppi ( Sanrio ) Layout !!

Tags: keroppi, frog, frogs, layouts, green, white, sanrio

Description:

- customizable / changeable

- free to use

- green, keroppi themed

- you can change some stuff on the code if you'd like!

Font :

1 - Righteous ( https://fonts.google.com/specimen/Righteous#standard-styles )

Images :

1 - https://cdn.discordapp.com/attachments/919639952814395473/989846180190109766/KEROPPI.png

2 - https://cdn.discordapp.com/attachments/919639952814395473/989846478258327592/keroppi_wallpaper_sanrio.jpg

3 - https://cdn.discordapp.com/attachments/919639952814395473/989847233505681468/Check_out_kawaiicovers_com_for_thousands_of_free_Facebook_Timeline____.gif

4 - https://cdn.discordapp.com/attachments/919639952814395473/989848919582334986/download_27.jpg

5 - https://cdn.discordapp.com/attachments/919639952814395473/989849181428514836/download_28.jpg

6 - https://cdn.discordapp.com/attachments/919639952814395473/989850007215689788/6271fef0ab47fba6.png

Sites Used:

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

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

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

Cursor - https://www.totallyfreecursors.com/

‹3

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
p{
  font-family: 'Righteous', cursive;
  font-size: 15px;
  color: white;
}
h1,h2,h3,h4,h5{
  font-family: 'Righteous', cursive;
  font-size: 20px;  
  color: white; 
}
  body {
   background-image: url(https://cdn.discordapp.com/attachments/919639952814395473/989846180190109766/KEROPPI.png);\
   background-size: cover;

}
.profile {
   background-image: url(https://cdn.discordapp.com/attachments/919639952814395473/989846478258327592/keroppi_wallpaper_sanrio.jpg);
   background-size: cover;
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-image: url(https://cdn.discordapp.com/attachments/919639952814395473/989847233505681468/Check_out_kawaiicovers_com_for_thousands_of_free_Facebook_Timeline____.gif);
   background-position: bottom;
   color: white;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-image: url(https://cdn.discordapp.com/attachments/919639952814395473/989847233505681468/Check_out_kawaiicovers_com_for_thousands_of_free_Facebook_Timeline____.gif);
   background-position: bottom;
   color: white;
}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px #98FF98;
    height: 300px;
    display: block;
    content: "";
    box-shadow: 0px 0px 5px 1px #98FF98;
    background-image: url(https://cdn.discordapp.com/attachments/919639952814395473/989848919582334986/download_27.jpg);
    background-position: center center;
    background-size: cover;
}

footer {
    border-radius: 15px;
    background-image: url(https://cdn.discordapp.com/attachments/919639952814395473/989849181428514836/download_28.jpg);
    color: black;
}

table.comments-table td {
    color: rgb(152, 255, 152);
}

:root {
    --logo-blue:url(https://cdn.discordapp.com/attachments/919639952814395473/989847233505681468/Check_out_kawaiicovers_com_for_thousands_of_free_Facebook_Timeline____.gif);
    --darker-blue: white;
    --lighter-blue: rgb(152, 255, 152);
    --even-lighter-blue: rgb(140, 255, 140);
    --lightest-blue: rgb(140, 255, 140);
    --dark-orange: white;
    --light-orange: url(https://cdn.discordapp.com/attachments/919639952814395473/989850007215689788/6271fef0ab47fba6.png);
    --even-lighter-orange: url(https://cdn.discordapp.com/attachments/919639952814395473/989850007215689788/6271fef0ab47fba6.png);
    --green: rgb(140, 255, 140);
}
</style>

<style>HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/sparklegreen.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/sparklegreen.gif"), auto;}
</style>

<style>A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/sparklegreen.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/SparkleGreen.gif"), auto;}</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 0 of 0 comments ( View all | Add Comment )