← Back to Blog Layouts
Layout Preview

10

Author: xXCupkakeCannibalXx
Category: <3
Created: June 22, 2026
Downloads: 10
Log in to Apply

Live Preview

Comments (0)

No comments yet. Be the first!

Log in to leave a comment.

Layout CSS

<style>
body {
background-image: url('http://dl10.glitter-graphics.net/pub/604/604130ffildt9rvn.png');
background-attachment: fixed;
background-repeat: repeat;
}
</style>


<style>

p{
font-family: courier new bold !important;
font-size: 120%;
color: white;
}


.contact {
background-image: url(https://i.pinimg.com/564x/d1/ba/02/d1ba02cac6dcdbfe3dc8fbc69e76f4ad.jpg);
}
.profile {
background-image: url(https://i.pinimg.com/564x/f5/0c/20/f50c20325cb8334bd56244e78f261dca.jpg);
}
.profile .profile-pic img {
border-radius: 180px;        
}
.profile .friends .heading{
   background-image: url(https://i.pinimg.com/564x/1e/0e/20/1e0e20f69abf63957ddf75d3f51691a7.jpg);
}
.profile .blurbs .heading{
   background-image: url(https://i.pinimg.com/564x/1e/0e/20/1e0e20f69abf63957ddf75d3f51691a7.jpg);
}
.profile .comments-table .heading{
   background-image: url(https://i.pinimg.com/564x/1e/0e/20/1e0e20f69abf63957ddf75d3f51691a7.jpg);
}

h1 {
   color: #ffffff;
   font-size: 30px;
}

.profile-info {
   font-size: 0px;
   border-radius: 10px;
  background: url(https://i9.glitter-graphics.org/pub/553/553019jr8mivzg9y.gif);
   width: auto;
   height: 97px;
}


.profile .blurbs .section h4 {
color: white;
}
.profile .friends .heading h4 {
color: white;
}
.profile .table-section .heading h4 {
color: white;
}
.profile .blurbs .heading h4 {
color: white;
}
.profile .comments .heading h4 {
color: white;
}
.online {
content: url(https://i9.glitter-graphics.org/pub/1853/1853289szmwha9gog.gif);
}
nav .top {
  background: var(--logo-blue);
border-radius: 12px;
}
.comments-table{
display: block;
height: 300px;
overflow-y: scroll;
border-radius: 15px; 
}
footer {
background-image: url(https://i.pinimg.com/564x/0e/04/6c/0e046c521d8fdb2b2a7ea2056e0619a8.jpg);
border-radius: 12px;
}
.links{
        border-radius: 25px 25px 25px 25px !important;  
}
}
 .top{
        border-radius: 0 0 25px 25px !important;
}
main{
       border-radius: 25px 25px 25px 25px !important;
}
.links{
        border-radius: 25px 25px 25px 25px !important;  
}
    .contact .heading{     
        border-radius: 20px 20px 20px 20px !important;
}
    .contact{
        border-radius: 12px 12px 20px 20px !important;
    }
    .url-info{
        border-radius: 20px 20px 20px 20px !important;
    }
    .table-section .heading{
        border-radius: 20px 20px 20px 20px !important;
    }
    .table-section{
      border-radius: 12px 12px 10px 10px !important;
    }
    .blurbs .heading{   
       border-radius: 20px 20px 20px 20px !important;
    }
    .friends .heading{
       border-radius: 20px 20px 20px 20px !important;
    }
    .profile .details-table td{
       border-radius: 5px 5px 5px 5px !important;
    }
    .profile-pic img{
       border-radius: 180px 180px 180px 180px !important;
    }
    .friends-grid img{
       border-radius: 180px 180px 180px 180px !important;
    }
    main{    
    background-color: transparent;
    }
    footer{
        border-radius: 25px 25px 25px 25px !important;
    }
    .profile-info{        
        border-radius: 25px 25px 25px 25px !important;
    }

:root {       
        --logo-blue: url(https://i.pinimg.com/564x/75/b1/b8/75b1b808f4dbf8cb6fe58f7368d02167.jpg);
 	--darker-blue: white;
	--lighter-blue: black;
        --even-lighter-blue: ;
	--lightest-blue: ;
        --dark-orange: ;
        --light-orange: url(https://i.pinimg.com/564x/2f/41/88/2f4188381053460fd25e192ad967afa8.jpg);
        --even-lighter-orange: url(https://i.pinimg.com/564x/2f/41/88/2f4188381053460fd25e192ad967afa8.jpg);
}

</style>
<style>
.contact .inner a img {
  font-size: 0;
}
.contact .inner a img:before {
  font-size: 1em;
  display: block
}
.contact .inner a:before {
  content: ""
}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
  /* add to friends */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/56607b05.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
  /* add to favorites */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery90/9f8f06f9.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
  /* send Message */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/81f0c7e5.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
  /* forward to friend */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/78ed9a20.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
  /* instant message */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery01/206258c7.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
  /* block user */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery16/716af8ce.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
  /* add to group */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery16/ecd66e8a.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
  /* report user */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/2d519ac6.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
</style>


<style>
.contact .inner a img {
  font-size: 0;
}
.contact .inner a img:before {
  font-size: 1em;
  display: block
}
.contact .inner a:before {
  content: ""
}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
  /* add to friends */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/56607b05.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
  /* add to favorites */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery90/9f8f06f9.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
  /* send Message */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/81f0c7e5.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
  /* forward to friend */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/78ed9a20.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
  /* instant message */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery01/206258c7.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
  /* block user */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery16/716af8ce.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
  /* add to group */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery16/ecd66e8a.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
  /* report user */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/2d519ac6.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
</style>

<style>
.contact .inner a img {
  font-size: 0;
}
.contact .inner a img:before {
  font-size: 1em;
  display: block
}
.contact .inner a:before {
  content: ""
}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
  /* add to friends */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/56607b05.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
  /* add to favorites */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery90/9f8f06f9.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
  /* send Message */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/81f0c7e5.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
  /* forward to friend */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/78ed9a20.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
  /* instant message */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery01/206258c7.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
  /* block user */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery16/716af8ce.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
  /* add to group */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery16/ecd66e8a.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
  /* report user */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/2d519ac6.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
</style>

<style>
.contact .inner a img {
  font-size: 0;
}
.contact .inner a img:before {
  font-size: 1em;
  display: block
}
.contact .inner a:before {
  content: ""
}



<style>
nav img.logo {

content:url("https://girlsgogamescdn.com/assets/girlsgogames/logos/default/girlsgogames.en.mobile-7b35970411b9856e313c576afdffdee7b24fdf0accdc2fa3c86a7c4e101c093a.png");
}
</style>

<style>
.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://creep.crd.co/assets/images/gallery01/4d38a1ba.gif?v=9fb44b0b')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://creep.crd.co/assets/images/gallery03/9034eb45.gif?v=9fb44b0b')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://files.catbox.moe/mjege2.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://creep.crd.co/assets/images/gallery03/cfe0b422.gif?v=9fb44b0b')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://external-media.spacehey.net/media/skt_WELjHjvYbvo2xXx3SRhvVj1q_uFQkMdFJNKqh-IU=/https://64.media.tumblr.com/4e903a633e3690d7007b7368ab09c2f2/90a95c4c4e361189-a1/s75x75_c1/f42167cadae3a0ea9210b116c82b580c5b3c2cc4.gifv')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://files.catbox.moe/dp1tqs.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://files.catbox.moe/hqij8m.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://files.catbox.moe/yjl68s.gif')
}
</style>


<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">
<img src="https://img1.picmix.com/output/stamp/normal/6/7/6/3/2363676_b8259.gif" width="300" height="300"/></div>

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

follow me n comment if u use it ^^

<div class="snowflakes">
<div class="snowflake"><img src="https://64.media.tumblr.com/8d103bc9eca3a7d312b2e3340eed4ef3/tumblr_inline_mqzp22tBNS1qz4rgp.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/29c73fe817347df77792dc289192f37b/tumblr_inline_mqzp1wOFdO1qz4rgp.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/8d103bc9eca3a7d312b2e3340eed4ef3/tumblr_inline_mqzp22tBNS1qz4rgp.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/29c73fe817347df77792dc289192f37b/tumblr_inline_mqzp1wOFdO1qz4rgp.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/8d103bc9eca3a7d312b2e3340eed4ef3/tumblr_inline_mqzp22tBNS1qz4rgp.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/29c73fe817347df77792dc289192f37b/tumblr_inline_mqzp1wOFdO1qz4rgp.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/8d103bc9eca3a7d312b2e3340eed4ef3/tumblr_inline_mqzp22tBNS1qz4rgp.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/29c73fe817347df77792dc289192f37b/tumblr_inline_mqzp1wOFdO1qz4rgp.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/8d103bc9eca3a7d312b2e3340eed4ef3/tumblr_inline_mqzp22tBNS1qz4rgp.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/29c73fe817347df77792dc289192f37b/tumblr_inline_mqzp1wOFdO1qz4rgp.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/8d103bc9eca3a7d312b2e3340eed4ef3/tumblr_inline_mqzp22tBNS1qz4rgp.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/29c73fe817347df77792dc289192f37b/tumblr_inline_mqzp1wOFdO1qz4rgp.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/8d103bc9eca3a7d312b2e3340eed4ef3/tumblr_inline_mqzp22tBNS1qz4rgp.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/29c73fe817347df77792dc289192f37b/tumblr_inline_mqzp1wOFdO1qz4rgp.gif"/></div>
</div>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}

</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url("https://media.tenor.com/kgISu1yLxrsAAAAd/jackwise-jackwise-clown.gif");
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3.1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>