cute pokemon layout

Tags: pokemon, cute, kawaii, love, pastel, pink, purple, pikachu

Description:

PLEASE READ FIRST : hello! ive been super inspired by all the profiles cory has been making lately and decided to play around with his codes to create my own! i added a screenshot but its also my current profile if you want to see all the movement and what it will look like! feel free to use it or any of my other ones but it'd be really cool if you could leave a comment or consider adding me so i can see it! also you're more than welcome to change whatever! (reach out if you need any help!) ^-^

Preview:

click on the image for a larger preview

Code:

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

<style>@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
:root {
	--yourBackground: url(https://konachan.com/image/10904776d38e5efc08522b1e4fba0fc2/Konachan.com%20-%20129566%20aoha_%28twintail%29%20clouds%20flowers%20landscape%20scenic%20sky%20tagme.jpg);
	--pageTexture: url(https://media4.giphy.com/media/l46Cy3HCwSxCBdhKM/giphy.gif?cid=ecf05e47bbbbc626dc7de1f7b141f8e88edbd2bb3a2f32a2&rid=giphy.gif);
	--nameSticker: url(https://media3.giphy.com/media/IQebREsGFRXmo/giphy.gif?cid=ecf05e47pizviy3z41ffxjyec6yfb1s9wik8kyu4dfpq0o65&rid=giphy.gif);
	--blurbSticker: url(https://media2.giphy.com/media/31vamYdZV5ISQ/giphy.gif?cid=ecf05e47pizviy3z41ffxjyec6yfb1s9wik8kyu4dfpq0o65&rid=giphy.gif);
	--commentsSticker: url(https://media1.giphy.com/media/dAuGq9UkcumNj1KCHe/giphy.gif?cid=ecf05e4770ajj6zznotcyun64q3igupc1qqvyl9qeyh2m0a1&rid=giphy.gif);
	--interestSticker: url(https://media3.giphy.com/media/pbviPVVW08jD2/giphy.gif?cid=ecf05e47ecaa749c1920cdd9b531dcac13cef207fad5f0c9&rid=giphy.gif);
	--urlInfoBox: url(https://media4.giphy.com/media/DJM88aCmEeaNG/giphy.gif?cid=ecf05e47q3waonarc1fwcj5i1cf9jhzwifdj0z4e5dd4j2sk&rid=giphy.gif);
	--titleTexture: url(https://i.pinimg.com/originals/7f/72/4b/7f724b5a6e290e471446ba317478c54b.gif);
	--linkTexture: url(https://i.pinimg.com/originals/7f/72/4b/7f724b5a6e290e471446ba317478c54b.gif);
	--profileInfo: url(https://i.pinimg.com/originals/ad/8b/e5/ad8be51dac01485ba647f71942a0d14b.gif);
}
.profile {
	font-family: 'Shadows Into Light', cursive;
	font-size:18px;
}
.profile .left h1 {
	font-family: 'Shadows Into Light', cursive;
	line-height:1em;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
	font-family: 'Shadows Into Light', cursive;
	line-height:1em;
}
body {
	background-image: var(--yourBackground);
	background-size: cover;
	background-attachment: fixed;
}
main {
	background-color: #F1B9E377;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	margin-top: 2rem;
	margin-bottom: 2rem;
}
body:before {
	display: block;
	position: fixed;
	pointer-events: none;
	content: " ";
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	right: 0;
	background-image: var(--pageTexture);
	background-size: cover;
	background-attachment: fixed;
	opacity: .15;
	z-index: 25;
}
.profile a {
	transition: all .1s!important;
}
.profile a:hover, .profile a:hover p {
	background: var(--linkTexture)!important;
	;
	color: #FFF!important;
	text-shadow: 1px 1px 0 #000!important;
	;
}
.profile .left h1 {
	text-transform: uppercase;
	font-size: 3rem;
	color: #FFF;
	text-shadow: 3px 3px 0 #67337C;
	line-height:1em;
}
.profile .left h1:before {
	background-image: var(--nameSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(1.7) translateX(-1em);
	position: absolute;
	z-index: -1;
}
.profile .right .blurbs {
	position: relative;
}
.profile .right .blurbs:after {
	background-image: var(--blurbSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(2) translateY(-2rem);
	position: absolute;
	right: 0;
	z-index: -1;
}
.profile .left .table-section:nth-last-child(2):before {
	background-image: var(--interestSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(1.7) translateX(-3em) translateY(2.5em);
	position: absolute;
	z-index: -1;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
	border: 0!important;
	width: 100%;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading {
	background-image: var(--titleTexture)!important;
	background-size: cover;
	background-position: center;
	color: #FFF;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
	text-transform: uppercase;
	font-size: 1.8rem;
}
.profile .url-info {
	border: 0;
	color: #FFF;
	background: var(--urlInfoBox);
	background-position: center;
	text-align: center;
}
.details-table td:first-child {
	background: none;
	width: fit-content!important;
	color: #FFF;
	text-shadow: 0px 2px 0 #000;
}
.details-table td:last-child {
	background: none;
}
.details-table tr {
	border-bottom: 1px solid #000;
}
.profile .blurbs .section h4 {
	color: #4D1469;
	font-size: 1.3rem;
}
.profile-info {
	background: var(--profileInfo);
	background-size: cover;
	background-position: center;
	box-shadow: -7px 8px 0 #0006;
	color: #FFF;
}
.profile-info h3 a {
	color: #FFF;
}
.comments-table, .details-table {
	border: 1px solid #0000;
	border-collapse: separate;
	border-spacing: 0 .5em;
}
.comments-table td, .music-table td {
	background: none;
	color: #000;
}
.comments-table tr {
	border-bottom: 1px solid #F1B9E377;
}
.comments-table td:first-child, .music-table td:first-child {
	background: none;
	text-align: left;
}
.profile .comments-table:after {
	background-image: var(--commentsSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(2) translateX(-3.5rem);
	position: absolute;
	right: 0;
	z-index: -1;
}
:root {
        --logo-blue: url(https://i.pinimg.com/originals/7f/72/4b/7f724b5a6e290e471446ba317478c54b.gif);
        --darker-blue: ;
        --lighter-blue: #F1B9E377;
}

.comments-table td {
	background-image:url(https://media.giphy.com/media/BUfB3pyyjNXry/200.gif);
	vertical-align: top;
	position: relative;
	}
	
</style>

<style>
footer {
        border-radius: 15px;
background-image: url(https://i.pinimg.com/originals/6e/54/50/6e5450129d619478c2d9341c32350e99.gif); 
</style>

<style>

.online{content:url("http://dl5.glitter-graphics.net/pub/3119/3119625a2kanfbptw.png");}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/games/gam-13/gam1243.cur), auto !important;}</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 29 comments ( View all | Add Comment )

Kitty	1699933035 Using it :D Thank you! Report Comment
ren	1695189305 i'm gonna use this! great job, it's so cute! Report Comment
W0lfyFl00f	1692281253 Ima use it :D Report Comment
+[ io ]+	1691032780 so cuteee, i’m gonna try it out x3 Report Comment
🍷 ; D!CE	1681416267 how do you change the spacehey bit to a picture? (the part thats usually blue and has the searchy thing on it) Report Comment
ネイト🌈	1679935145 using / modifying currently :) what a sweet layout! Report Comment
PrettyGhost	1679781817 Using :) Report Comment
Bäbisaprikos	1679741595 obsessed Report Comment
Ash!<3 (灰燼)	1674137431 totally using this! <3 Report Comment
Marian Miller	1637149616 This Pokémon layout is literally the cutest! I used it and I’m happy with it. Thank you for making it. You did a wonderful job with it. Report Comment
Sucia Rodriguez	1636923673 This is cute! I'm going to try it out Report Comment
ت ꧁𝙻𝚒𝚗𝚢 𝚂𝚊𝚗𝚝𝚘𝚜꧂ ت	1636813095 This one is perfect for me how do I use it? Report Comment
Yukio Fukushima	1636771750 Tʜᴇʀᴇ ᴡᴇʀᴇ ᴀ ʟᴏᴛ ᴏғ ʟᴀʏᴏᴜᴛs ᴛʜᴀᴛ ɪ ʟɪᴋᴇᴅ ʙᴜᴛ ᴛʜɪs ᴏɴᴇ, ɪ ʟɪᴋᴇᴅ ᴛʜᴇ ᴍᴏsᴛ (•̀ᴗ•́)و Mᴏsᴛʟʏ ʙᴄ ɪᴛs ᴇᴀsʏ ᴏɴ ᴍʏ ᴇʏᴇs ᴀɴ ɪ ᴄᴀɴ ʀᴇᴀᴅ ᴛʜᴇ ᴛᴇxᴛ ᴀɴ... Iᴅᴋ ʜᴏᴡ ᴛᴏ ᴄʜᴀɴɢᴇ ᴛʜᴇ ᴄᴏᴅᴇ ᴏʀ ʜᴏᴡ ᴛᴏ ᴍᴀᴋᴇ ᴍʏ ᴏᴡɴ ʟᴀʏᴏᴜᴛ (;´༎ຶٹ༎ຶ`) Report Comment
Ashley	1636728946 Very cute. Love it Report Comment
AOL Alex On-line	1617102102 Its so cute!! I love it! Report Comment
Nikki	1614309971 I love your layout very much I been looking for right one but I never found it till I saw yours and I fall in love with it and fit my personality. so thanks for making this layout Report Comment
𝕣𝕒𝕚𝕟𝕓𝕠𝕨	1613797382 this is adorable c: Report Comment
Kathleen	1613270395 Is there a way to just have the codes from the awesome background stickers on top the the layout you have implemented, I've been scanning the layout of the code and i'm in over my head. I'm just too attached to the format of my current layout and i have been putting a ton of time into, i just love the background stickers that are apart of this layout so much a code for that would be so rad! Report Comment
Nubs	1613237512 I love iiiiiit!!! Report Comment
Alix	1613179921 This is so CUUUTTEE Report Comment