Tags: scroll, box, flex box, organization, pink
Description:
about this,
comment using if u use
Preview:
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 16 of 16 comments ( View all | Add Comment )
Keithᶻ 𝗓 𐰁
uzin
Report Comment
KAngel
how to add your text to it? I can't figure it out!! :(
Report Comment
oh u just add the text aroundd
by ⭐🌸A nerdy artist ( peridot 5xg)🌸⭐🍉 inactive; ; Report
into the divs div="manilla" your text here /div
by ⭐🌸A nerdy artist ( peridot 5xg)🌸⭐🍉 inactive; ; Report
Kuni ᶻ 𝗓 𐰁.ᐟ
using
Report Comment
truth
using
Report Comment
Gogo
using (´;ω;`)
Report Comment
♡ꕥRainbow Candy Girlꕥ♡ (Under Construction)
Using!
Report Comment
craig / rody
using smelly poopface !!
Report Comment
Paulita<3
using!!! i love this
Report Comment
GRAY
using!! :3
Report Comment
Yur1!! X3
Using!
Report Comment
.° 🍬 ┊͙ (ally) !
using
Report Comment
gracie
using:333
Report Comment
enjoy :3
by ⭐🌸A nerdy artist ( peridot 5xg)🌸⭐🍉 inactive; ; Report
malu
using
Report Comment
ace!!
using!! :3
Report Comment
RAINY RAINER !!!!!! ☆⌒(ゝ。∂)
Using!!!
Report Comment
hope u like it
by ⭐🌸A nerdy artist ( peridot 5xg)🌸⭐🍉 inactive; ; Report
Heres the fix for the css
::-webkit-scrollbar-button:active, ::-webkit-scrollbar-button:active {
border-top: 1px solid #868a8e;
border-left: 1px solid #868a8e;
border-bottom: 1px solid #868a8e;
border-right: 1px solid #868a8e;
box-shadow: none;
}
#cont {
width: 100%;
height: 340px;
border-radius: 9px;
overflow: hidden;
position: relative;
}
#envelopeback {
width: 95%;
left:0px;
border-radius: 0px 9px 9px 9px;
position: relative;
height: 70%;
bottom: -15%;
background: #b54e80;
}
#manila {
border-radius: 9px 9px 0 0;
width: 30%;
position: relative;
height: 18%;
left: 0px;
bottom: -25%;
background: #b54e80;
}
#scroll {
width: 85%;
height: 200px;
background: white;
border-radius: 3px;
border: 1px solid black;
position: absolute;
z-index: 3;
top: 130px;
left: 6%;
transition: .5s ease;
}
#escroll {
font-size: 12px;
color: black;
position: relative;
height: 130px;
width: 100%;
padding: 10px;
overflow: scroll;
text-align: left;
}
#cont:hover #scroll {
top: 0px;
}
#top {
position: absolute;
z-index: 3;
top: 130px;
border-radius: 9px;
width: 100%;
height: 70%;
z-index: 99;
background:#ff91af;
}
by ⭐🌸A nerdy artist ( peridot 5xg)🌸⭐🍉 inactive; ; Report
Ronnie-tamara
might use
Report Comment
kool :3 i have the fixed verson
::-webkit-scrollbar-button:active, ::-webkit-scrollbar-button:active {
border-top: 1px solid #868a8e;
border-left: 1px solid #868a8e;
border-bottom: 1px solid #868a8e;
border-right: 1px solid #868a8e;
box-shadow: none;
}
#cont {
width: 100%;
height: 340px;
border-radius: 9px;
overflow: hidden;
position: relative;
}
#envelopeback {
width: 95%;
left:0px;
border-radius: 0px 9px 9px 9px;
position: relative;
height: 70%;
bottom: -15%;
background: #b54e80;
}
#manila {
border-radius: 9px 9px 0 0;
width: 30%;
position: relative;
height: 18%;
left: 0px;
bottom: -25%;
background: #b54e80;
}
#scroll {
width: 85%;
height: 200px;
background: white;
border-radius: 3px;
border: 1px solid black;
position: absolute;
z-index: 3;
top: 130px;
left: 6%;
transition: .5s ease;
}
#escroll {
font-size: 12px;
color: black;
position: relative;
height: 130px;
width: 100%;
padding: 10px;
overflow: scroll;
text-align: left;
}
#cont:hover #scroll {
top: 0px;
}
#top {
position: absolute;
z-index: 3;
top: 130px;
border-radius: 9px;
width: 100%;
height: 70%;
z-index: 99;
background:#ff91af;
}
by ⭐🌸A nerdy artist ( peridot 5xg)🌸⭐🍉 inactive; ; Report
ty !!
by Ronnie-tamara; ; Report