Ouran High School Host Club Layout

Tags: ohshc, ouran high school host club, layouts, simple, pink, rose, roses, anime

Description:

This layout comes with an autoplay, cursor, and a loading screen, feel free to customize the layout to your liking! please comment if using! If something doesn't work, just comment it and I'll try to fix it :D online icon credits: https://layouts.spacehey.com/layout?id=85983

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ☆Sal!!(auto music)☆🍉 (https://layouts.spacehey.com/layout?id=103061) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/xi4JLywH_cA//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>
.online {content:url('http://dl.glitter-graphics.net/pub/2327/2327941w6gs5g4zx0.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.makeagif.com/media/6-01-2015/55Fc97.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat943.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/04/elegant-rose-15.html" target="_blank" title="Elegant Rose"><img src="https://cur.cursors-4u.net/cursor.png" alt="Elegant Rose" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}
  body {
   background-image: url(https://i.pinimg.com/564x/2e/ce/28/2ece2801dfa8d5f16a356b6a9c4d8c84.jpg);

}
.profile {
   background-color: rgb(255, 255, 255); 
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(230, 152, 180);
   color: white;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: white;
   color: rgb(255, 148, 148);
}

main:before{
width:auto;
margin-bottom:25px;
border:1px ;
height: 391px;
display:block;
content: "";
background-image: url('https://i.pinimg.com/564x/e0/93/cc/e093cc7469cda8caf19a50719ec1fec2.jpg');
background-position: center center;
background-size: cover;
}

footer {
    border-radius: 15px;
    background-image: url(https://i.pinimg.com/236x/ba/b3/f0/bab3f07e11e1fd08ae911ee233ada046.jpg);
    color: white;
}

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

:root {
    --logo-blue: rgb(244, 184, 206);
    --darker-blue: rgb(244, 184, 206);
    --lighter-blue: rgb(230, 152, 180);
    --even-lighter-blue: rgb(230, 152, 180);
    --lightest-blue: rgb(244, 184, 206);
    --dark-orange: rgb(244, 184, 206);
    --light-orange: white;
    --even-lighter-orange: rgb(244, 184, 206);
    --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 20 of 34 comments ( View all | Add Comment )

fearlessrose	1747637797 omg this is so cute ahh!!! >< {using ^^} Report Comment
ThurnisHaley<3	1744952453 USING >.< Report Comment
Em	1741343588 using Report Comment
⋆ ˚｡⋆୨୧⋆ ˚｡⋆	1739396124 using Report Comment
Nakaharafiles	1737830520 using ! Report Comment
Rae <3	1737499538 Using <3 Report Comment
jasmine beall <3	1736953432 using Report Comment
strawberry	1736747761 using Report Comment
ִֶָ 𒆙 ₊˚. dannonino ⋆.	1736545259 Using-☆!! Report Comment
vxl~tine	1736349690 using Report Comment
strawberrrydaze	1736216749 using Report Comment
Sannie	1734874206 Using! Report Comment
Chiakin	1734378504 using this to learn my own <<<<3333 Report Comment
kai!!!	1732738123 usingg!! :33 Report Comment
vxl~tine	1732134336 using Report Comment
Willow	1729929506 Absolutely using tysm <33333 Report Comment
C4tb0y0	1728727664 Usingg Report Comment
Joker	1725318427 using! Report Comment
Em	1724033144 The urge to use this is getting stronger…(Using) Report Comment