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:

click on the image for a larger 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.

Comments

Displaying 20 of 21 comments ( View all | Add Comment )

Deerlymakinley!𐂂	1765253939 Using! Report Comment
Deerlymakinley!𐂂	1765253937 Using! Report Comment
xxnamelessxx	1763148976 using Report Comment
xxnamelessxx	1763148976 using Report Comment
Fred	1759841068 I'm using this, it's so cute! Report Comment
shiraz!!★^_^	1756770942 using the contact icons! Report Comment
౨ৎ⋆˚｡⋆🐚 𝚁𝚒𝚌𝚑𝚊𝚛𝚕𝚢𝚜𝚘𝚗 🦈 ୭˚. ᵎᵎ	1741863420 Usingg!!!:3 Report Comment
౨ৎ⋆˚｡⋆🐚 𝚁𝚒𝚌𝚑𝚊𝚛𝚕𝚢𝚜𝚘𝚗 🦈 ୭˚. ᵎᵎ	1741863420 Usingg!!!:3 Report Comment
r2fi._.	1740414328 usingggg Report Comment
⦻𝙈𝙀𝙏𝘼𝙇𝙎𝙃𝘼𝙍𝙆⦻	1733003564 Usinggg :3 Report Comment
jj/faith	1723596077 using Report Comment
Olly	1716568439 using Report Comment
Mali	1711237804 USING TY >< Report Comment
𓇼 🌊 🐚°˖☆Leli☆˖°.•🦈°.	1705849444 hi!! Im using it, thank you <3 Report Comment
𓇼 🌊 🐚°˖☆Leli☆˖°.•🦈°.	1705849436 hi!! Im using it, thank you <3 Report Comment
Melzxxy	1700075793 USINGGG :3 Report Comment
I LOVE BLAHAJ <33	1696075803 usinggg :33 Report Comment
FЯ3ak⋆0n⋆a⋆L3ash(SUPA FREAK)	1692236803 USINGGGG Report Comment