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

mylo !! :3	1732894058 using i love this Report Comment
shellywhelly	1732734449 using im obsessed with this Report Comment
Bima	1731719735 using thx!! Report Comment
Sprouthead	1731198749 using! (for polaroid friend icons :) ) Report Comment
Ribbonangelzz	1730523565 cute!! gonna use :3 Report Comment
⋆ 𝖊𝖒 ⋆	1727000145 super cute!! thank you for sharing, using as a base Report Comment
Jay	1726367405 using <33 Report Comment
✴.·´¯`·.·★ 🎀𝓶𝓪𝓫𝓮𝓵 𝓹𝓲𝓷𝓮𝓼 ★·.·`¯´·.✴	1726338661 using! :3 Report Comment
Tulipp !! B)	1724710948 Using :3333 Report Comment
gray :3	1724575851 using!! Report Comment
: luna !? ੈ✩‧₊˚	1723522949 YOOO IM RIGHT THERE!!!!!! (i changed my pfp) Report Comment
Emma/Emmy (Epilepsy warning)	1722358820 might use :3 Report Comment
Bel!!	1721599790 using part of the code! Report Comment
Vel	1721351734 using!! lvoe this!! Report Comment
Nexisia	1720401004 this is the coolest thing evr Report Comment
EVIE!!! :3	1718349558 USING OMG IM SO IN LOVE W THIS Report Comment
mari 𐙚	1715051068 using as a base !! <33 Report Comment
niina! 🍉 (i eat bugs AGAIN)	1713159502 using Report Comment
Beax Bigglehorn 🌈💫	1711649795 using part of the code :33 Report Comment
Strawberry_LottieCAT	1710828003 using :3 Report Comment