Lain Layout

Tags: lain, cyber, black, pink

Description:

Layout based on the anime LAIN, I used Cryptic Jasmine (youtube) to figure out how to do my own layout and it worked out pretty well. Most of it I've changed for my liking but she provides a really good code form to create your own.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by K I M (https://layouts.spacehey.com/layout?id=25799) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Pathway+Gothic+One&display=swap');

@import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Pathway+Gothic+One&display=swap');
p{
  font-family: 'Pathway Gothic One', sans-serif; font-size: 120%;
  color: pink;

}
h1,h2,h3,h4,h5{
  font-family: 'DotGothic16', sans-serif;
  font-size: 160%
  color: green;

}
  body {
   background-image: url(http://static.minitokyo.net/downloads/23/07/497873.jpg);
}
.profile {
   background-color: rgb(69, 50, 84); 
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(255, 77, 166);
   color: black;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: black;
   color: rgb(255, 77, 166);
}

main:before {
    width: auto;
    margin-bottom: 1px;
    border: 1px solid black;
    height: 300px;
    display: block;
    content: "";
    box-shadow: 0px 0px 5px 1px #ff4da6;
    background-image: url(https://archive.org/download/theme_lainatc_202005/lainatc.1.png);
    background-position: center center;
    background-size: cover;
}

footer {
    border-radius: 15px;
    background-image: url(insert image link here);
    color: black;
}

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

:root {
    --logo-blue:black;
    --darker-blue: purple;
    --lighter-blue: black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: black;
    --light-orange: black;
    --even-lighter-orange: black;
    --green: pink;
}
</style>

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

<style>A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bat.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/bat1.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 20 of 55 comments ( View all | Add Comment )

˚꒪ ♬‧꒰ა 𓂋 ໒꒱༝⁺ . 𝄞	1778281922 using Report Comment
tadi	1777691705 Using!! Report Comment
☥ Phoíbē Ji[Z?]	1776448921 USING also for everyone who want to use it or is using it, the og background link is not secure and cannot be accessed through spacehey. I reuploaded the image on pinterest so use this link the part you need to replace is this body { background-image: url(https://i.pinimg.com/736x/e5/f1/05/e5f105351f31b035ede47629a75c1e74.jpg); } Report Comment
kai	1773310545 using!!!!! :D Report Comment
Jackxxx	1770779428 Uzand0 Report Comment
Damian	1769903923 using Report Comment
lain	1768790405 using Report Comment
beebeebeebee	1761599022 Using Report Comment
meowloverz	1760291396 using Report Comment
Yuma	1752780904 using Report Comment
soso	1752274660 using Report Comment
⌗ʾ ૪ nuv ˖ オ🍓	1749058080 using <3 Report Comment
lea!(ᴗ͈ˬᴗ͈)ꕤ.ﾟ	1745864663 probably using! Report Comment
Osk	1745222740 usingg!! Report Comment
yuri>yaoi	1744038165 usinggggg Report Comment
HadesTheUnicorn	1742830893 usinggg Report Comment
Jacky	1742414536 Usingg!!! Report Comment
chizanol	1739395202 using Report Comment
Sour Cream Lobster	1738416920 using <3 Report Comment
KllB0_o	1737948526 Using ;3 Report Comment