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 :) Edit 6/14/2024: Seems like the original link to the corkboard texture broke, so I've updated the code with a different link. Sorry for any inconvenience :x

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://www.tilingtextures.com/wp-content/uploads/2018/12/0074-1024x1024.jpg);
background-size: 50%;
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 20 of 45 comments ( View all | Add Comment )

☆Fluxyboo☆	1761808817 Added the friends section to my profile and it looks dope!! Report Comment
G1ddy61dd4	1760577638 using!! Report Comment
doombloxxed	1759355113 using!!! Report Comment
Hanko	1757128136 Usingg!! Report Comment
Pumpkin	1756318689 Nice! Report Comment
ColorCorgi	1755770955 Using and adding personal touch! <3 Report Comment
sidney ♫⃠	1752011990 using! will tweak it Report Comment
ₗᵢgₕₜ ⛧ (FULL PROFILE WIP AGAIN)	1751573688 omfg this is so CUTEEE! defo using! Report Comment
m4c4br3_m1l0	1744847882 Using! This is so cute! I'll probably keep it until i learn to make my own layout! Report Comment
daiyuaf	1744474579 using !! :DD Report Comment
Bumblebruh	1740505672 using :D Report Comment
Erah Mar	1738192246 Using, thank you! Report Comment
Bigmac	1737788901 USING!! :3 Report Comment
WhosDarling	1736918492 Using!! <3 Report Comment
JAX !	1732894058 using i love this Report Comment
IMCOOLERCUZIMBLUE	1732734449 using im obsessed with this Report Comment
Bima	1731719735 using thx!! Report Comment
Sprouthead	1731198749 using! (for polaroid friend icons :) ) Report Comment
Visceral's child ^_^	1730523565 cute!! gonna use :3 Report Comment
⋆ 𝖊𝖒 ⋆	1727000145 super cute!! thank you for sharing, using as a base Report Comment