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

C.L.O.V.E.R	1772910459 using! Report Comment Only been 15 hours dang, already changed it to a different layout. I wanted to what it looked on ur profile :\ by Mikey; 1772964280; Report
_maddyknows	1771276902 using!! this is an amazing base. thanks Report Comment
sir	1770844261 using THX Report Comment
justshinythings	1764455296 using the friends section polaroids!! this layout is so pretty! Report Comment
☆Fluxyboo☆	1761808817 Added the friends section to my profile and it looks dope!! Report Comment
G1ddy61dd4	1760577638 using!! Report Comment
archie	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
xX_l0v3r_g1rl_Xx	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
asterr ! 🎀💞	1732894058 using i love this Report Comment
IMCOOLERCUZIMBLUE	1732734449 using im obsessed with this Report Comment