GOODPUFFER THEMED LAYOUT X3 (REQ)

Tags: goodpuffer, roblox, roblox myth, blue, yellow, custom, spring, request

Description:

a super cute goodpuffer themed layout!! ! ! goodpuffer is apart of a roblox myth called ocean terror btw:3 layout includes cute pagedolls, sun mask profile picture, a custom cursor, a springy profile name text, n custom scrollbars+boxes!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by BOW / BIVE ✦ (https://layouts.spacehey.com/layout?id=37066) -->

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://media.tenor.com/p9eRDqgSPCoAAAAi/ocean-terror-goodpuffer.gif" width="250" height="250"/></div>

<div style="float:  ; max-height: 400px; position: fixed; left: 10px; bottom: 350px; z-index: 200;">
<img src="https://media.tenor.com/5h-TERgbqEwAAAAi/ocean-terror-goodpuffer.gif" width="200" height="200"/></div>

<div style="float:  ; max-height: 400px; position: fixed; left: 48px; bottom: 42px; z-index: 200;">
<img src="https://gifcity.carrd.co/assets/images/gallery79/5ec461f3.gif?v=d7271437" width="50" height="50"/></div>

<div style="float:  ; max-height: 400px; position: fixed; right: 69px; bottom: 520px; z-index: 200;">
<img src="https://pa1.aminoapps.com/7957/545fd6f41d05caf276c05dc74bba58ba196ef6a9r1-112-112_00.gif" width="75" height="75"/></div>

<div style="float:  ; max-height: 400px; position: fixed; right: 47px; bottom: 586px; z-index: 200;">
<img src="https://gifcity.carrd.co/assets/images/gallery81/98a8a387.gif?v=d7271437" width="47" height="36"/></div>

<div style="float:  ; max-height: 400px; position: fixed; left: 24px; bottom: 19px; z-index: 200;">
<img src="https://gifcity.carrd.co/assets/images/gallery119/6fee4521.gif?v=d7271437" width="27" height="93"/></div>

<div style="float:  ; max-height: 400px; position: fixed; left: 72px; bottom: 36px; z-index: 150;">
<img src="https://gifcity.carrd.co/assets/images/gallery120/dd3337c3.gif?v=d7271437" width="47" height="36"/></div>

<div style="float:  ; max-height: 400px; position: fixed; left: 943px; bottom: 582px; z-index: 200;">
<img src="https://gifcity.carrd.co/assets/images/gallery119/c163b969.gif?v=d7271437" width="27" height="73"/></div>


<style>* {cursor: url(https://ani.cursors-4u.net/smiley/smi-3/smi310.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2013/02/10/mini-rage-face-happy-smiley.html" target="_blank" title="hello kitty"><img src="https://cur.cursors-4u.net/cursor.png" alt="Pink Transparent Star" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>

  * {
    scrollbar-width: auto;
    scrollbar-color: #f6e637 #ffffff;
  }

  *::-webkit-scrollbar {
    width: 20px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #f6e637;
    border-radius: 10px;
    border: 5px solid #0008ff;
  }


    body{
        
    background-image: url('https://pbs.twimg.com/media/FzJ9LgGWAAIwlIi?format=jpg&name=large') !important;
    background-repeat: repeat !important;
        
    }


    main{
     
    background-color: #a1bfe9 !important;
    border: 1px solid white !important; 
        
    } 


    h1{  text-align: center;
animation: rubberBand 0.9s; 
animation-iteration-count: infinite;
 
} 
 
rubberband { 
transform: scale3d(1, 1, 1); 
} 
 
@-webkit-keyframes rubberBand { 
0% { 
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
 
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
 
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
 
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
 
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
 
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
 
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}


.container{width: 950px !important;}


    a{
    
    color: #ffffff !important;

}


    .heading{
        
    background-image: url('https://static.wikia.nocookie.net/ocean-terror-roblox/images/f/f0/Fueltank.jpg/revision/latest?cb=20200606195920') !important;
    background-position: center !important;
    color: #ffffff !important;
        
    }


    .top{
        
    background-color: #073ebe !important;
    border: 1px solid white !important; 
    color: #ffffff !important;
        
    }


    .general-about img {-webkit-mask-image: url(https://www.pngmart.com/files/22/Aesthetic-Theme-Sun-PNG-Photos.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}


    .links{
        
    background-color: #0a49e0 !important;
    border: 1px solid white !important; 
    color: #ffffff !important;
        
    }


    .general-about{
        
    background-color: #BDD3F3 !important;
    border: 1px solid white !important; 
    color: #000000 !important;
        
    }


    .mood{

    background-color: #BDD3F3 !important;
    border: 1px solid white !important; 
    color: #000000 !important;
        
    }


    .contact{

    background-color: #BDD3F3 !important;
    border: 1px solid white !important; 
    color: #ffffff !important;
        
    }


    table.details-table{

    background-color: #BDD3F3 !important;
    border: 1px solid white !important; 
    color: #ffffff !important;}


table.comments-table{display:
block;height: 425px;
width: 100%;
padding: 10px;
overflow: auto;
border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
border: 3px solid yellow;
background-color: #fff;
color: #fff;
 scroll;
}


    .blurbs{

    background-color: #BDD3F3 !important;
    border: 1px solid white !important; 
    color: #000000 !important;
        
    }


    .friends{

    background-color: #BDD3F3 !important;
    border: 1px solid white !important; 
    color: #000000 !important;
        
    }


    .comments-table td{

    background-color: #BDD3F3 !important;
    border: 1px solid white !important; 
    color: #000000 !important;
        
    }


    .footer{

    background-color: #0a49e0 !important;
    border: 1px solid white !important; 
    color: #ffffff !important;
        
    }


    .profile .details-table td{

    border: 1px solid white !important;   

    }


    .profile .blurbs .section h4{

    color: #f6ae3e !important;

    }


    .profile-info{

    background-image: url('https://static.wikia.nocookie.net/ocean-terror-roblox/images/f/f0/Fueltank.jpg/revision/latest/scale-to-width-down/250?cb=20200606195920') !important;
    border: 1px solid white !important; 
    color: #ffffff !important;


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

Olekk_43527	1720720599 using Report Comment
Olekk_43527	1720720599 using Report Comment
Olekk_43527	1720720598 using Report Comment
Olekk_43527	1720720598 using Report Comment
Olekk_43527	1720720597 using Report Comment
Olekk_43527	1720720597 using Report Comment
Jojo	1720617313 using ! Report Comment
jb >:p	1720203760 yease i am of usings this of nows Report Comment
Sebastian!!	1719663504 OF USINGS. Report Comment
«→Evander⊰⁠⊹ฺ	1718573092 Using Report Comment
liz	1717630851 this looks cool Report Comment
glorpi !	1717483262 using :3 Report Comment
fwish / キラ	1717464820 using!! Report Comment
DreamSans🌟!!!!!!	1717135158 Useing :3 Report Comment
rotwalker	1715924073 using!! Report Comment
trinity	1715337679 usingg this is so cool Report Comment
samii ^_^	1713107087 IM US1NG IT TYSM FOR THA AWEOSM LAYOUTT Report Comment
★│kaozu	1712557192 using!! Report Comment
kiwiscatkeyboard	1710021668 USING !!! :3 Report Comment
×V◎RT3X⇒	1709972718 Using #swag Report Comment