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 746 comments ( View all | Add Comment )

𝕬𝖒𝖎𝖗𝖆 🕷️	1745006905 Using Report Comment
sleepyprincess	1744988937 usingg Report Comment
my love, rhian	1744955575 using ! Report Comment
Lisa	1744916380 using Report Comment
☆Naomi ☆	1744913523 using Report Comment
Insomnia	1744912833 Using Report Comment
˚𖦹𝐿𝑜𝑡𝑢𝑠✮⋆𑁍˚	1744911809 using :3 Report Comment
Cici!!	1744880063 Using!! Report Comment
akii 𔘓	1744849445 usinggg <3 Report Comment
meloca	1744757666 hey i love your layout!! Rn im trying to personalize it, but i cant find where to change the colocr of the text (that is currently black and i want to change it to white). Can you help me? Report Comment
sof♡	1744668653 wow i love this! using :> Report Comment
Yamrown	1744654597 Using Report Comment
Devii	1744654265 using<333 Report Comment
🇲‌🇮‌🇸‌🇦‌ 🇲‌🇮‌🇸‌🇦‌ 𐙚°｡⋆♡	1744648074 using <33 Report Comment
⋆˚౨ৎ ⋆.˚🧸Cherry🧸⋆˚౨ৎ ⋆.˚	1744632520 Usingg<33 Report Comment
ia <3	1744621958 helloooo i'm using ^_^ tysm!! Report Comment
ari !	1744579101 Hai !! I’m using it’s so cute !! Report Comment
yuna	1744571804 usingg <3 Report Comment
𝓐gus𖹭｡୨ৎ𖹭	1744557406 using! :) Report Comment
Ech0	1744494348 USING THIS Report Comment