Simplistic Beige Layout

Tags: floating, beige, cream, simple, cute, layouts, pastel

Description:

So erm a simplistic beige layout as it says!! do whatever you want with it but im too lazy to put directions cause but im sure you can figure it out love you all!! also follow my main if you can, its just "P3ngv1n"

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by P3ngv1n.ALT (https://layouts.spacehey.com/layout?id=32130) -->

credit or not lol but id appreciate if you did credit but do whatever you want i do not mind

<style>
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@0,300;0,700;1,300;1,700&display=swap');
body{font-family: 'Josefin Sans', sans-serif;}

p {
color: #5e0e00;
}


@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
body {    
   background: #f2e4c4;
}

:root {
        --logo-blue: #e6c985;
        --darker-blue: #e6c985;
        --lighter-blue: #e6c985;
        --even-lighter-blue: #fff4d1;
        --lightest-blue: #ffffff;
        --dark-orange: #ffffff;
        --light-orange: #e6c985;
        --even-lighter-orange: #ffffff;
        --green: #e6c985;
    }

.online{
  content:url("http://www.myspacegens.com/images/online_now/311.gif");
}

.profile-pic img {

outline: 2px dashed #e6c985;
outline-offset: 4px;
}




.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: url('https://collection.ju.mp/assets/images/gallery14/421ad13e.gif?v=0236594d.gif')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://collection.ju.mp/assets/images/gallery14/421ad13e.gif?v=0236594d.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://collection.ju.mp/assets/images/gallery14/421ad13e.gif?v=0236594d.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://collection.ju.mp/assets/images/gallery14/421ad13e.gif?v=0236594d.gif')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://collection.ju.mp/assets/images/gallery14/421ad13e.gif?v=0236594d.gif')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://collection.ju.mp/assets/images/gallery14/421ad13e.gif?v=0236594d.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://collection.ju.mp/assets/images/gallery14/421ad13e.gif?v=0236594d.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://collection.ju.mp/assets/images/gallery14/421ad13e.gif?v=0236594d.gif')
}

<div style="float: ; max-height: 800px; position: fixed; left: 1px; bottom: 10px; z-index: 200;"><img src="urlgoeshere"/>




h1{

  animation: type 3s steps(27);

  color: white;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

  }



@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}



@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}



</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 19 of 19 comments ( View all | Add Comment )

kylwe	1747787274 using Report Comment
🂡	1745014738 using Report Comment
bea ⋆˚࿔	1738703579 usando !!! Report Comment
IMCOOLERCUZIMBLUE	1730608710 using Report Comment
almondfishie★*☆♪	1727984898 using ^_^ !! Report Comment
𐔌 ⭐ . elliot ! ୧	1717643808 using, thx!! :3 Report Comment
YOLAV !!!!	1712662800 usingg Report Comment
csenii	1712131531 using! Report Comment
☾~ 𝕎𝕖𝕚𝕣𝕕𝕂𝕚𝕕 (𝓯𝓻𝓮𝓪𝓴𝔂 era) ~☽	1707752496 using!!!! Report Comment
m0rt4dela	1705609293 using Report Comment
Caelum	1699749749 usinggggg :D Report Comment
eryk / tsu x3	1695587874 using !! it's sooooo cute Report Comment
inactive!!	1690288513 using!! i love this sm!! Report Comment
Santiago	1688343497 using! Report Comment
han ( ◡‿◡ *)	1688262730 whooooa :0 wonderful! using! thank u! Report Comment
neo / kiwie 🥽	1686379405 super awesum layout!! howd u get it to move? Report Comment
marian michel	1685985542 this is adorable, using<333 Report Comment thanks you are awesome ! by P3ngv1n.ALT; 1686034209; Report
geek!!	1685938370 how did you get those lines around the pfp? Report Comment .profile-pic img { outline: 2px dashed #e6c985; outline-offset: 4px; } you can customize it and change the hex code by P3ngv1n.ALT; 1686034265; Report tysm! by geek!!; 1686084294; Report
luxie	1685916869 using!! super cute:) Report Comment :33 by P3ngv1n.ALT; 1686034446; Report