my 1 Layout(read description)

Tags: layout, gif, pink, roses, cute, rose

Description:

comment if u using//(!you can change anything!) although are there people who forbid doing this?//I hope it's not so bad :/ (changes gif/png)it contains a banner and gifs (2) also contact box icons(and gif under ur url,notif bell) //credits:watermelon.crd//

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h4{
font-size: 16px !important;
font-family: 'Workbench', sans-serif;	
text-transform:uppercase !important;
padding-left: 2px !important;

background: -webkit-linear-gradient(#b78d9c, #331823);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
</style> 

<style> 

.profile h1{
background: -webkit-linear-gradient(#542b3b, #140b0e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>


<style>
  @import url('https://fonts.googleapis.com/css2?family=Akronim&family=Arizonia&family=Ballet:opsz@16..72&family=Climate+Crisis&family=Codystar:wght@300;400&family=Danfo&family=Estonia&family=Faster+One&family=Fleur+De+Leah&family=Great+Vibes&family=Jacquard+12&family=Jacquard+24&family=Jacquard+24+Charted&family=Kumar+One+Outline&family=Libre+Barcode+128&family=Libre+Barcode+128+Text&family=Mea+Culpa&family=Modak&family=Rubik+Beastly&family=Rubik+Doodle+Triangles&family=Sixtyfour&family=Tangerine:wght@400;700&family=Tilt+Prism&family=UnifrakturMaguntia&family=Wavefont:wght@4..1000&family=WindSong:wght@400;500&family=Workbench&display=swap');
  *,h1 {
   font-family: "Workbench", sans-serif;
  }
</style>



<style>
   
  .profile .blurbs .heading,
  .profile .friends .heading {
    background-color:#ffeaf2;
color: white;
border-radius:5px;
border: 3px dotted rgba(255, 255, 255)
  }
  main{
      background: url(https://i.pinimg.com/564x/3f/40/11/3f40118199c4a5824d589b92ad358dcc.jpg); background-size: 100% 100%;background attachment:fixed;border-radius:30px}
  }
</style>

<style>
body { 
background: url(https://i.pinimg.com/736x/d0/c7/a9/d0c7a980aadacdf5c6e9b3cc8d51c9db.jpg); width: auto; height: 10px; background-position:top center; background-size: 115%;}
}
</style>

<style>
/* this is the color of any text that you input */ 
@import url('https://fonts.googleapis.com/css2?family=Akronim&family=Arizonia&family=Ballet:opsz@16..72&family=Climate+Crisis&family=Codystar:wght@300;400&family=Danfo&family=Estonia&family=Faster+One&family=Fleur+De+Leah&family=Great+Vibes&family=Jacquard+12&family=Jacquard+24&family=Jacquard+24+Charted&family=Kumar+One+Outline&family=Libre+Barcode+128&family=Libre+Barcode+128+Text&family=Mea+Culpa&family=Modak&family=Rubik+Beastly&family=Rubik+Doodle+Triangles&family=Sixtyfour&family=Tangerine:wght@400;700&family=Tilt+Prism&family=UnifrakturMaguntia&family=Wavefont:wght@4..1000&family=WindSong:wght@400;500&family=Workbench&display=swap');
.profile .blurbs .section h4{
font-size: 30px !important;
font-family: 'Estonia', sans-serif;
text-transform:lowercase !important;
-webkit-linear-gradient(#ffffff, #592e40)
}
</style>

<style>
table.comments-table {
border: 2px dashed rgba(255, 255, 255, 255);      
}    
</style>

<style>
/* pink dashed borders */
.profile .url-info {
border: 2px dashed  rgba(255, 255, 255, 255);    
}
.profile .contact {
border: 2px dashed  rgba(255, 255, 255, 255);     
}
.profile .table-section {
border: 2px dashed  rgba(255, 255, 255, 255);    
}

</style>

<style>

nav .links {
background:transparent;
}
nav .links a:hover {
color: rgba(107, 54, 68);
}
</style>

<style>

    .count {
        color: #844756;
    }
</style>

<style>

   a:hover {
     color: black; 
   } 
   a{
     color: #6b3644; 
   }
</style>


<style>

.profile .friends .person p {
color: #6b3644;  
}
.profile .friends .person p:hover {
color: #6b3644;  
}
</style>

<style>

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: rgba(255, 234, 242, 0.65);
}
</style>

<style>

.profile .friends .comments-table td {
background: transparent;
border: 1px solid rgba(255, 161, 207, 0.40);  
}
.comments-table td*{
    
    
}
</style>

<style>

.profile .table-section .details-table td {
background-color:rgba( 255, 234, 242, 0.34);
}
</style>


<style>
nav .top{
/* navigation bar at the top/the bar that has the search and spacehey logo */
background-color: transparent;
}
</style>

<style>
footer {
color: black !important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background-color: rgba(255, 255, 255, 0.34);
  }    
</style>

<style>

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

<style>

.profile .contact {
background-color: rgba(255, 234, 242, 0.4);
}
</style>

<style>


<style>

p{
font-size: 10px !important;
font-weight: bold;
 text-transform:none !important;
}
</style> 

<style>
li.active .icon { content:url('https://media.tenor.com/swmUjfDMHKcAAAAi/teg.gif'); width: 20PX;height: 20px;}
</style>

<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://media.tenor.com/DehpokEAjJEAAAAi/cat-loading.gif);  width: auto; height: 80px; background-position: top center; background-size: 30%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>

<style>

main:before {
	width: 100%;
	height: 200px;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/originals/6d/a5/fb/6da5fb7b956b742ced7cfdede3038a05.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 300px) {
	main:before{
		height: 70px;</style>

<div style="max-height: 300px; position: absolute; left: 950px; bottom: -700px; z-index: 99;">
<img src="https://media.tenor.com/fAQ4mdg7iz4AAAAi/pixel-cat.gif" height="100"/></div>

<div style="max-height: 300px; position: absolute; left: 140px; bottom: 450px; z-index: 99;">
<img src="https://i.pinimg.com/originals/7f/a9/bb/7fa9bb216df89d93171825e1bce29260.gif" height="100"/></div>

<style>
/* links in the navigation bar @ the top */
nav{ 
font-size: 13px !important;
font-family: 'Paytone One', sans-serif;
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
}
</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://watermelon.crd.co/assets/images/gallery03/c0c6c214.gif?v=9a76615e")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://watermelon.crd.co/assets/images/gallery03/71f4a051.gif?v=9a76615e")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://watermelon.crd.co/assets/images/gallery03/78ab89e9.png?v=9a76615e")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://watermelon.crd.co/assets/images/gallery03/f7e4afd6.gif?v=9a76615e")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://watermelon.crd.co/assets/images/gallery03/234cce4b.gif?v=9a76615e")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://watermelon.crd.co/assets/images/gallery03/bf973543.gif?v=9a76615e")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://watermelon.crd.co/assets/images/gallery03/16a906e1.gif?v=9a76615e")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://watermelon.crd.co/assets/images/gallery02/de5666e6.gif?v=9a76615e")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
</style>


<style>
element.style {
}
:root {
--logo-blue: #663b4a;

</style>

<style>
.general-about .profile-pic img{
  border-radius: 20%;
}
</style>

<style>

.online{content:url("https://watermelon.crd.co/assets/images/gallery05/8d03b66e.gif?v=9a76615e");}

</style>

<style>

.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:rgba(255, 234, 242, 0.40);
text-transform:lowercase !important;
color: white;
border-radius:8px;
border: 3px dotted rgba(255, 255, 255)
}
</style>

<style>
nav img.logo {
 
 content:url("https://media.tenor.com/K5FkSb3c6_IAAAAi/teg.gif");
    }
</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 1372 comments ( View all | Add Comment )

nevaiah 𓏲ּ𝄢	1765091932 Using!! Report Comment
catnip	1765058710 Using! Report Comment
Kairi <3	1765012143 Using! Report Comment
SophiaaForeverr	1765011531 using!! Report Comment
Leeriee	1765010973 using :) Report Comment
Mimi ⊹ᡣ𐭩₊⋆	1764897267 Usando!! Report Comment
Mimi ⊹ᡣ𐭩₊⋆	1764897265 Usando!! Report Comment
starfire!!	1764896156 usingg <3 Report Comment
MarinaXMada	1764827918 want to use !!!! Report Comment
˙✧˖°m1dnight.st4r.𖥔 ݁ ˖	1764797751 using!! Report Comment
chance777	1764784008 using !! Report Comment
୨୧ 𐔌 𝖱𝖺𝖻𝖻𝗒	1764735834 Using ! Report Comment
* ੈ✩‧₊˚* 𝓕𝓵𝓾𝓽𝓽𝓮𝓻𝓼𝓱𝔂☆⋆｡𖦹°‧★	1764711339 Using!! Report Comment
* ੈ✩‧₊˚* 𝓕𝓵𝓾𝓽𝓽𝓮𝓻𝓼𝓱𝔂☆⋆｡𖦹°‧★	1764711337 Using!! Report Comment
darling.deceased.female	1764708978 haii i wa nna use! i was wondering tho, how do i upload it? (im new to this) Report Comment
Sappy	1764637041 Def using <3 Report Comment
Max Caufield	1764562678 using! Report Comment
rwottengraveᯓᡣ𐭩	1764500074 usiing Report Comment
Nala<3	1764464861 using Report Comment
kush	1764446074 using!!!1 Report Comment