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 25 comments ( View all | Add Comment )

RoRo	1723782317 using Report Comment
eli!1!!!!11!1	1716143849 using >< Report Comment
sliczny	1714140972 using!! Report Comment
M4GG0T M3NT4L	1713242368 using (～￣▽￣)～ Report Comment
☥ 𝔙𝔢𝔫𝔦 ☥ 🦇🌘	1712141812 using! Report Comment
Pierrot	1711232567 Using!! Thank you Report Comment
Kodak76ii	1710740202 using Report Comment
Cameron Clan	1710378723 Using! :D Report Comment
LetibalmAddict	1706711565 this is so cool maaaan Report Comment
derlow	1705817896 using it! Report Comment
skw33w00	1705689696 USING Report Comment
olive tree system	1705571791 using!! Report Comment
Regina	1702878286 using!! Report Comment
𝒓𝒂𝒚	1686626378 def using!1!11!! Report Comment
★2/0vanitas	1686338606 using!!1 Report Comment
b33fle4f_i	1684614728 using this ♪(´▽｀) Report Comment
jack(ie)	1684098315 using mwehahaha Report Comment
Esai	1680066741 tyty Report Comment
˚ʚ★ɞ˚fatalzerror⋆.ೃ࿔*:･	1679869642 OMG I LOVE THIS!! x333 Report Comment
Mencia	1677358892 perfect Report Comment