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

vxl~tine	1732134336 using Report Comment
Willow	1729929506 Absolutely using tysm <33333 Report Comment
C4tb0y0	1728727664 Usingg Report Comment
Leon	1725318427 using! Report Comment
Em!!	1724033144 The urge to use this is getting stronger…(Using) Report Comment
Em!!	1724033143 The urge to use this is getting stronger…(Using) Report Comment
SPACE_BEAR3!!!!	1721682532 0MG I L0V3 THI5 Report Comment
seftali ܀	1719249898 using!!!! Report Comment
lulu :3	1719017313 using Report Comment
Caine	1716155199 using!! Report Comment
🤷‍♀️	1715454928 using Report Comment
Neo!Metanowa	1715263125 using Report Comment
アストラ ☆	1714875845 using ^_^ Report Comment
Na`la	1714591883 using<3 Report Comment
misha	1713441350 using (ˆ‿ˆԅ) Report Comment
Mualani! ✩	1713392393 using!! Report Comment
Mike Meowton	1712994077 using :3 Report Comment
vee	1712396144 using!! Report Comment