Corkboard (or pin board) hodgepodge scrapbook paper layout

Tags: corkboard, pin board, polaroid, collage, cute, colorful, rainbow

Description:

A cute li'l layout with a corkboard base and paper textures. Features a polaroid profile picture, sticky note Interests and Links sections, a "Hi, my name is..." element preceding the nametag, and polaroid (-ish?) friend icons. No custom header/footer, sorry. Also sorry for messy and inefficient code. If it works, it works, right? Fine to use as a base or as is, credit me or something, I'm not gonna be a jerk about it. Comment if you do use it, though—I'd love to see what y'all come up with if you decide to alter the layout :)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Lavender (https://layouts.spacehey.com/layout?id=97162) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Galindo');
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible');


h1, h2, h3, h4 {
font-family: 'Galindo';
letter-spacing: 1px;
text-align: center;
}

h5, h6, p {
font-family: 'Atkinson Hyperlegible';
line-height: 1.2em;
letter-spacing: 1px;
} 

a {
color: black;
text-decoration: underline gray solid 1px;
}

body {
background: url(https://i4.glitter-graphics.org/pub/2561/2561164bmbc5ulyp9.gif);
background-size: 20%;
}

main {
padding: 0px;
}

.online {
content: url(https://i8.glitter-graphics.org/pub/104/104608jfafq930g4.gif);
width: 40%;
}

.profile {
background-image: url(https://allfreedesigns.com/wp-content/uploads/2013/05/cork-texture-1.jpg);
border: 30px ridge #d9b38c;
}

.profile h1:before {
content: "Hi, my name is ";
text-transform: none;
font-family: 'Atkinson Hyperlegible';
font-size: 16px;
}

.profile h1{
background: url(https://i7.glitter-graphics.org/pub/967/967207qpowptycul.jpg);
background-size: 50%;
text-transform: uppercase;
font-size: 32px;
padding-bottom: 10px;
box-shadow: 5px 5px 10px #00000080;
}

.general-about {
background: url(https://cur.glitter-graphics.net/pub/3740/3740007zpbe4ioxme.jpg);
background-size: 80%;
padding: 5px;
box-shadow: 5px 5px 10px #00000080;
}

.profile-pic:before {
content: url("https://www.clipartbest.com/cliparts/dc7/eyy/dc7eyybRi.png");
z-index: 2;
position: absolute;
transform: scale(0.2);
transform-origin: 15% -15%;
}

.profile-pic img {
border: 8px solid white;
border-block-end: 30px solid white;
scale: 1.1;
transform: rotate(-4deg);
transform-origin: 95% 70%;
box-shadow: 5px 5px 5px #000000B3;
}

.general-about .details p {
font-weight: bold;
}

.profile .mood {
background: url(https://cur.glitter-graphics.net/pub/3235/3235370idmm5n72ic.jpg);
background-size: 40%;
padding: 5px;
margin: 10px 0px;
rotate: -3deg;
box-shadow: 5px 5px 10px #00000080;
}

.profile .contact {
background: url(https://cur.glitter-graphics.net/pub/3749/3749228n3xpubr3vy.png);
border: transparent !important;
rotate: 1deg;
box-shadow: 5px 5px 10px #00000080;
}

.profile .contact .heading{
background: white;
color: #003399;
text-align: center;
font-size: 18px;
}

.profile .url-info {
background: url(https://cur.glitter-graphics.net/pub/2852/2852891x9oifalcmr.png);
border: transparent !important;
rotate: -1deg;
box-shadow: 5px 5px 10px #00000080;
}

.table-section {
border-color: transparent !important;
background: #fced1b;
box-shadow: 5px 5px 10px #00000080;
}

.table-section .heading {
background: #00ccff !important;
text-align: center;
}

.table-section:nth-child(even) {
rotate: 3deg;
}

.table-section:nth-child(odd) {
rotate: -1deg;
}

.inner table.details-table tbody tr td:nth-child(1) {
color: black;
background: #5def1f;
}

.inner table.details-table tbody tr td:nth-child(2) {
color: black;
background: transparent !important;
}

.profile .blog-preview {
background: url(https://cur.glitter-graphics.net/pub/3696/3696299l21yxl21f2.jpg);
background-size: 100% 100%;
padding: 5px;
box-shadow: 5px 5px 10px #00000080;
}

.profile .blog-preview h4 {
font-size: 18px;
}

.profile .blurbs .heading {
background: transparent;
padding: 5px;
color: #003399;
text-align: center;
font-size: 18px;
}

.profile .blurbs {
background: url(https://i2.glitter-graphics.org/pub/2220/2220192av1bdqza37.jpg);
background-size: 110%;
padding: 5px;
rotate: -2deg;
box-shadow: 5px 5px 10px #00000080;
}

.profile .blurbs .inner h4 {
color: black;
background: #fced1b;
letter-spacing: 2px;
}

.profile .friends .heading {
background: white;
padding: 5px;
color: #003399;
text-align: center;
font-size: 18px;
}

.profile .friends {
background: url(https://cur.glitter-graphics.net/pub/3730/3730587fqjiu1uvls.jpg);
background-size: 70%;
rotate: 1deg;
box-shadow: 5px 5px 10px #00000080;
}

.profile .friends .person {
background: white;
border: 5px solid white;
box-shadow: 5px 5px 5px #000000B3;
width: 90px;
margin: 5px;
}

.profile .friends .person img {
width: 80px;
}

.profile .friends .person:nth-child(even) {
rotate: -2deg;
}

.profile .friends .person:nth-child(odd) {
rotate: 2deg;
}

#comments {
background: url(https://cur.glitter-graphics.net/pub/3397/3397568ycet1i93o9.png);
rotate: -2deg;
}

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

niina! 🍉	1713159502 using Report Comment
B3AX/PIM 💫	1711649795 using part of the code :33 Report Comment
Strawberry_LottieCAT	1710828003 using :3 Report Comment
creek ^_^	1709741264 usign !! :D Report Comment
bee <3	1709164152 this is so cute!! i am absolutely at least using the friends list layout, it is soo adorable. thank you!!!! Report Comment
SATURN/BOP !!	1708612424 usingf Report Comment
★ Afonso	1707929843 AHHH this layout is sooo cuuute!!! (not using! just wanted to comment!!!) Report Comment
artemis 𓆩⟡𓆪	1707378125 using!!! i want to eat it pls it's so prettyyyyy Report Comment
REdactedWIP	1706960986 USING THIS IS SO CUTE Report Comment
FRIED ! ★	1706644756 THIS IS THE CUTEST LAYOUT I'VE EVER SEEN, AND I'VE ONLY BEEN ON HERE FOR 2 DAYS!! WILL BE USING ^_^ Report Comment
♪ COSMO/OREL ♪	1706362219 using! Report Comment
kay :3	1706289164 this is so cute!!!! >w< using this rn!! :DD Report Comment
astercia	1706201546 BRILLIANT, INCREDIBLE, AMAZING, SPECTACULAR Report Comment
Peppy Bat	1706189255 I am so using this! Report Comment
MINTCHOCO !	1706148757 OMG this is SO CUTE i love iiit! ( ˶ˆᗜˆ˵ ) Report Comment
Thhathho	1706130969 usando Report Comment
nuuvie	1706051346 SO COOL, I LOVE ITTT <3333 Report Comment