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:

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.