RANFREN LAYOUT!!

Tags: ranfren, silly, layout, randal, orange, cute

Description:

just some layout i wont be using anymore, please, comment if you're using it thank you very much..

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ꒰ Aлекс (°ロ°) !!꒱ ‧₊ (https://layouts.spacehey.com/layout?id=104687) -->

<style>
/* banner */
main:before {
	width: 100%;
	height: 170px;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/564x/8a/c8/a5/8ac8a542dc8e71d93ad9509f1439b202.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;</style>
<style>
</style>



<style>

.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/52tJ6WKY/847-sin-t-tulo-20240415152641.png );-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>

<style>



.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/52tJ6WKY/847-sin-t-tulo-20240415152641.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}



</style>


<style>
.friends img:hover {
  animation: 0.5s float;
  animation-iteration-count: infinite;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

</style>

<style>
<img src="https://maguro.carrd.co/assets/images/gallery24/01abf123_original.gif?v=10a293e5"/>
</style>

<style>
button{filter: hue-rotate(0deg) saturate(100%) blur(0px); transition-duration: 3000ms;}
button:hover{filter: hue-rotate(360deg) saturate(500%) blur(1px); transition-duration: 0ms}

a{filter: hue-rotate(0deg) saturate(100%) blur(0px); transition-duration: 3000ms;}
a:hover{filter: hue-rotate(360deg) saturate(500%) blur(1px); transition-duration: 0ms}
</style>

<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400;">
<img src="https://ranfren.neocities.org/art/dot/laughcolour.gif" height="220"/></div>

<style>
.profile-pic:hover {
  animation: 0.5s float;
  animation-iteration-count: infinite;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

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

:☾𝕽𝖊𝖙𝖘𝖚☽:	1742763759 Using :3 Report Comment
Bonnie ☆	1737159062 Using Report Comment
🍁 . ✧ RANFREN ✧ . 🔪	1737061161 Using ^^ Report Comment
harvey	1736575230 using :0 Report Comment
$c3n3m0GothQu33n	1735339567 USING AND THIS JS SO KEWL!!! Report Comment
Medic	1734463228 using !!! Report Comment
Uzy!	1732760403 Using! Report Comment
Satoru.liker	1730468667 using Report Comment
⌖ ioanna-->	1729604675 usin Report Comment
molly	1726719473 using (☻-☻) Report Comment
YAROSLAV	1723338469 using <3 Report Comment
C0DY/M1CHA3L XD	1723182914 Using Report Comment
⋆♱Evo♱⋆	1721228016 using Report Comment
Plushhhiiixz	1720226984 using Report Comment
test	1717751888 using Report Comment
paruparu	1717543802 using !! :D Report Comment
Kaz ✮	1717192713 Using!! >o< Report Comment
ﮩ٨ـﮩﮩ٨ـD1csh4r3ﮩ٨ـﮩﮩ٨ــ	1715881165 using Report Comment