Tsukasa tenma's SUPER AWESOME BLOG LAYOUT !!!!!!

Tags: yellow, sanrio, pompompurin, pastel, soft

Description:

HAVE YOU ever wanted to have CUTE ASS YELLOW THEMED BLOGS !!!!!!! Look no further. Now you can post exactly like me, if you want.

This is a highly edited version of BoyFailure's PomPomPurin layout which I also use for my profile. If you like this, you should def go look at their adorbs layouts.

For blogs, you have to click the tiny "<>" button at the top left of the textbox and paste the code in there. I also personally use size 13 text instead of 12. Feel free to change anything you like, as long as you credit !! GO HAM!

Preview:

click on the image for a larger preview

Code:

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

<style>

* { 
}
:root {
  --links: rgb(145,145,145,255);
  --text: rgba(118,51,46,255);
  --lighttext: rgba(189,139,119,255);
  --headers: rgba(247,249,187,255);
  --shadows: rgba(247,249,187,255);
  --borders: rgba(255, 174, 43,255);
  --shift: rgba(247,249,187,255);
}
html {
 animation: fadeIn ease 3s;
 animation-iteration-count: 1;
 animation-fill-mode: forwards;
}
body {
 margin:2;
 background-image: url("https://files.catbox.moe/l3g6e2.jpeg");
 background-attachment: fixed;
 font-family: "Comic Sans MS", monospace;
}
nav img.logo{
     filter: brightness(0) saturate(200%) invert(80%) sepia(5%) saturate(2000%) hue-rotate(-35deg) brightness(70%) contrast(90%) !important; 
    height:30px;
}
button {
  background: rgba(255, 255, 255, 0.5);
  color: var(--text);
  border: 1px solid rgba(235,223,157,255);
}
button:hover {
  border: solid 1px var(--shift);
  transition: 0.2s;
}
input {
  background: rgba(255, 255, 255, 0.5);
  color: var(--text);
  border: 1px solid rgba(235,223,157,255);
}
input:hover {
  border: solid 1px var(--shift);
  transition: 0.2s;
}
nav .top , nav .links{
  background: transparent;
  text-align: center;
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " 🍮";
}
nav .links .active img{
content: url(https://64.media.tumblr.com/502bf72622c5b6d59972c0fa802a4bf1/2d88e18a0c651708-84/s75x75_c1/6dff529d5e0fe8b53a050ac8d0047e4b870e461c.gifv);
}
main {
 background-color: rgba(255,255,255,0.60);
 border: 1px dashed rgba(255, 174, 43,255);
 color: var(--text)
}
.col.left h1:before{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 150px;
  position:relative; left:80px;
  background-image: url("https://media.tenor.com/KCVGTvWtkUAAAAAi/minecraft-minecraft-bee.gif");
  background-repeat: no-repeat;
  background-size: 120px;
}
.col.right:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 110px;
  background-image: url("https://external-media.spacehey.net/media/sF7kfDIWDZwQWZn-lnjJGlDdhRG9SxgCr6KC5YrQSXC8=/https://64.media.tumblr.com/a7c7ed4688f72f040b6d5445764bb9c4/8443660b5cb7ab6e-49/s2048x3072/e0bb87727a2d822c2b63cd4f6cd6b17b7e8d3868.png");
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 350px;
}
@font-face {
font-family:'kiwi';
src: url(https://dl.dropbox.com/s/388cvx0do21kj3n/KiwiSoda.ttf);
}
h1 {
font-size: 60px !important;
font-family: 'kiwi';
padding-left: 10px !important;
  background: -webkit-linear-gradient(#fca103, #f7f9bb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.col.w-20.left .edit-info {
  background-color: rgba(255,249,175,255);
 border: 1px dashed rgba(255, 174, 43,255)
}
p.links a:first-child .icon{
  content: url("https://enchantments.carrd.co/assets/images/gallery02/f91ecb67.gif?v=91d4e59c");
  width: 25px;
  height: auto;
}
p.links a:nth-child(2) .icon {
  content: url("https://enchantments.carrd.co/assets/images/gallery05/fe147524.gif?v=91d4e59c");
  width: 25px;
  height: auto;
}
p.links a:last-child .icon, table.comments-table td .icon {
  content: url("https://pixels.crd.co/assets/images/gallery30/eac87f79.gif?v=93aac41c");
  width: 25px;
  height: auto;
}
.profile-pic img {
  border: solid black 1px;
  border-radius: 180px;
}
.profile-pic img:hover{
  animation: rotation 0.5s infinite linear;
  /*every time i update this i make this faster*/
}
.url-info {
  display: none;
}
nav {
  background: rgba(255, 255, 255, 0.6);
  color: var(--lighttext) !important;
  border: 1px dashed rgba(255, 174, 43, 255);
  margin-bottom: 5px;
}
footer {
  background: rgba(255, 255, 255, 0.8);
  border: 1px dashed rgba(255, 174, 43, 255);
}
.comments-table, .comment-replies {
  border: none;
}
.profile-info, .comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
  background: none;
  border: none;
}
#comments {
  height: 300px;
  overflow-y: scroll;
}
.comments-table td:first-child img:not(.icon), .bulletin-table td:first-child img:not(.icon){
  border: 1px solid black;
  border-radius: 180px;
}
.comments-table td:first-child img:not(.icon):hover {
  animation: floating 1s;
  animation-iteration-count: infinite;
}
a, .special a {
  color: var(--links);
  text-shadow: none;
}
nav .links, nav .links a {
  color: var(--lightext);
  text-shadow: none;
}
a:hover, nav .links a:hover, nav .right a:hover {
  color: var(--headers);
  text-decoration: none !important;
  transition: 0.2s;
}
.logout-btn {
  color: var(--lighttext);
  box-shadow: none;
}
.logout-btn:hover {
  color: var(--shift);
  box-shadow: none;
  border: none;
  text-decoration: none;
  transition: 0.2s;
}
 margin-right: -6px;
}
.col.right h4 {
  color: var(--links);
  text-align: left;
}
.person p {
  color: var(--links) !important;
}
.person img{ 
  border: 1px solid black;
  border-radius: 180px;
  display: absolute;
  height: 100px;
  object-fit: cover;
  width:100px;
}
.person:hover {
  animation-name: floating;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0px;
    margin-top: 0px;
}
.count {
  color: var(--links);
}
footer::after{
  bottom: 0;
  font-size:0;
  left: 77%;
  position:fixed;
  pointer-events: none;
  content:url("https://external-media.spacehey.net/media/s2lhOibD_UhgdpF0vfbppnINxbiYbr8NKh1a9GB1UXDg=/https://64.media.tumblr.com/ae91e9d18b0da620cef11f361228d481/tumblr_p3mzsfF1wn1w8sgt6o2_400.png");
}
  HTML,BODY{cursor: url("https://64.media.tumblr.com/6e67c289a6a7b63ad74011405789fd02/f9c54c793453f111-41/s75x75_c1/5ce308dba75d6bfe88c207d387d0c81a3ac2129a.gifv"), auto;}
}
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }  
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes fadeIn {
   0% {opacity: 0;}
   100% {opacity: 1;}
}
          </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 1 of 1 comments ( View all | Add Comment )

ᶻ 𝗓 𐰁 .ᐟ MELY ₍⑅ᐢ..ᐢ₎

1712855036

OMG I LOVE THIS,USING!!!

Report Comment

AAAAA IM SO GLAD (/▽＼*)｡o○♡

by 🌟tsukasa; 1712867210; Report