shark / blahaj themed layout!!

Tags: shark, blahaj, ocean, sea

Description:

((MUSIC INCLUDED!!)) hai guys this is my first time posting a layout and im pretty much a beginner but id say this layout looks decent so here ya go!!! if ur gunna use id love if u shared a comment!! (∩^o^)⊃━☆ (to add custom music, find a youtube video of your choice, and take https://www.youtube.com/watch?v= [this part] of the url, and paste it next to /embed/[your code here]//? that is all thank you 4 listening :3)

Preview:

Code:

<!-- (c) Layout created by kiwie!! (https://layouts.spacehey.com/layout?id=37215) --> <style> @import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=VT323&display=swap'); p{ font-family: 'DotGothic16', sans-serif; font-family: 'VT323', monospace; font-size: 150%; color: white } .profile { background:url(https://img.freepik.com/premium-vector/seamless-pattern-hammerhead-shark-underwater-giant-animal-simple-cartoon-character-design-flat-vector-illustration-dark-blue-background_257455-3835.jpg); color: pink; text-shadow: 0 0 9px white; } body { background: url(https://i.ibb.co/98fRbNB/DodYhjW.jpg); background-size: cover; }</style> <style> :root { --logo-blue: #466480; --darker-blue: #00aaff; --lighter-blue: pink; --even-lighter-blue:#2e609e; --lightest-blue:#3b6ead; --dark-orange: white; --light-orange: pink; --even-lighter-orange: #3e3e69; --green: #fcf174; background-image: url(https://i.ibb.co/TtfGhSk/1248fa0b12dba563c33b8a245f11667d.jpg); padding: 20px; border-radius: 10px; box-shadow: 4px 4px 0 ##ffd1ee; text-align: center; animation: nineties2 2s ease 0s infinite normal none; animation-delay: .46s; }</style> <style> /* contact icons */ .contact .inner a img { font-size: 0; } .contact .inner a img:before { font-size: 1em; display: block } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { /* add to friends */ content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34) } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* add to favorite */ content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34) } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* send a message */ content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34) } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* foward to friend*/ content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34) } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* instant message */ content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34) } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* block */ content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34) } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* add 2 group */ content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34) } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* report */ content: url(https://barbara.crd.co/assets/images/gallery19/513f09c6.gif?v=7c770b34) } </style> <style> .NAMEHERE { background: url(https://i.ibb.co/8jky4pW/image-2023-07-14-173751525.png) no-repeat; background-size: 75%!important; position: fixed; left: 7px; bottom: -87px; height: 370px; width: 320px; z-index: 1000; opacity: 100%; pointer-events: none; }</style> <div class="NAMEHERE"></div> <iframe width="0" height="0" src="https://www.youtube.com/embed/PfxogZd2wj4//?&;amp;;autoplay=1&;loop=777&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"> </iframe> <style> html:before { animation: grain 8s steps(5) infinite; background-image: url(https://64.media.tumblr.com/7b53b6f72a66a2e56b28dbb5426b74b3/5c8722790f831173-1b/s250x250_c1/8ac155105a769e167b20290fa74199c9d5c1fdf4.gifv); content: ""; height: 300%; left: -50%; opacity:.2; position: fixed; top: -110%; width: 300%; pointer-events:none; } @keyframes grain { 0%, 100% { transform:translate(0, 0) } 10% { transform:translate(-5%, -10%) } 20% { transform:translate(-15%, 5%) } 30% { transform:translate(7%, -25%) } 40% { transform:translate(-5%, 25%) } 50% { transform:translate(-15%, 10%) } 60% { transform:translate(15%, 0%) } 70% { transform:translate(0%, 15%) } 80% { transform:translate(3%, 35%) } 90% { transform:translate(-10%, 10%) } } </style> <style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-7/nat630.cur), auto !important;}</style><a href="https://https://www.cursors-4u.com/cursor/2009/04/26/shark-3.html" target="_blank" title="Pina Colada Cocktail"><img src="https://cur.cursors-4u.net/cursor.png" alt="Pina Colada Cocktail" style="position:absolute; top: 0px; right: 0px;"/></a> <style>body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url(https://i.ibb.co/sJ5g6CL/f58943d79155a20870d52306d896b093.gif); background-size: cover; background-repeat: no-repeat; animation: yourAnimation 3s ease 0s 1 normal forwards; pointer-events: none; } @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } <style/></style> <style> .online {content:url('https://i.ibb.co/4Snb1YS/blinkies-Cafe-x-T.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; } </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.