multi colors and a little eyestrain?

Tags: scene, multi color, gif, animation

Description:

idk what to name this lolz. everything moves accept for the bckground of contacts, about me, and who id like to meet. feel free to change anything or use as a template^^ pls tell me if your using! thank you so much for using and feel free to ask any questions :3

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Mynerve&display=swap');
p{
    font-size: 115%;
    font-family: 'Chela One', cursive;
    font-weight: bold;
    color: black;
}


body {
    background-image: url(https://i.pinimg.com/originals/cf/82/0f/cf820fb47398aa939862dee5bf3c25bc.gif);
}

.profile {
background-image: url(https://i.pinimg.com/originals/a7/2c/aa/a72caae0f417d0c1526fbf9d5e192049.gif); background-repeat: repeat;
    border-radius: 12px;
}
/*the username glow and shadow*/
h1
{
	 /*the username glow and shadow*/
h1
{         text-color: #000000; 
	//text-shadow: 1px 1px #FFFFFF;
	
};
	text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px #FFFFFF, 0 0 5px #FFFFFF;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
	
main, top, links, nav .top, nav .links, details-table
{
    background:  !important;
	background-image:   !important;
	background-size: cover !important;
    padding: 0 !important;
    /*font-size: small;*/
    color: #000000;
{

.mood
text-transform:uppercase !important;
}

table, td
}
	/* border: 1px solid var(--url-pink-bg)!important; */
	border-spacing: 2px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 2px solid var(--#11f601);
}
table, th, td

}
   border: 1px solid #11f601;
   border-spacing: 2px;
}
.blog
}   
   border: 10px solid #11f601;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #FFFFFF;
   margin 10px 2;
}

.online
{
  color: white!important; 
  text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px #FFFFFF, 0 0 5px #FFFFFF;
}

:root 
{
	--logo-blue: black;
 	--darker-blue: ;
	--lighter-blue: purple 55;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: #5C4E42;
        
        --table-header:#5C4E42;
	--table-color: white;
	--link-text: white;
	--main-text: white;

    }   
main 
{
  /* changes made to stuff outside of columns */
    background: white;
    padding: 0;
    font-size: small;
    color: #000000;
text-color: black;
  text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px #FFFFFF, 0 0 3px #FFFFFF; 
}

footer{
          background-image: 
          url(https://i.pinimg.com/originals/2f/6f/06/2f6f060beae8c4582177366a47a896fe.gif);
          text-color: #000000;
  text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px #FFFFFF, 0 0 3px #FFFFFF; 
}

.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
color: #5C4E42;
  text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px #FFFFFF, 0 0 3px #FFFFFF; 
}
.contact {
  border-radius: 8px;
  background-image: url(https://i.pinimg.com/564x/c0/14/d2/c014d2952b34ba1d08ac1974e0e03be0.jpg);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: black;
  text-shadow: 2px 2px 3px #FFFFFF, 0 0 25px #FFFFFF, 0 0 3px #FFFFFF; 
}
.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve #FFFFFF;!important;
outline: curve !important;
}
img
{
border-radius: 12px;
}

main {
background: #FFFFFF;
border-radius: 14px;
padding: 0;
font-size: 85%;
color: #cb00ed;
}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
main {
background:  ;
border-radius: 12px;
border: 12px solid #000000;
padding: 0;
font-size: 90%;
color:#000000;
}
nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://i.pinimg.com/originals/2f/6f/06/2f6f060beae8c4582177366a47a896fe.gif); 
}

nav, nav .links a {
color: #FFFFFF;
text-shadow: 2px 2px 3px #FF2185, 0 0 25px #FF2185, 0 0 3px #FF2185;
}

/*customising interests box*/
  .profile .table-section{
    border:2px solid #FFFFFF;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #FFFFFF;
    text-shadow: 2px 2px 3px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
 /*customising friend space heading*/
  .profile .friends .heading{
    background: #000000;
    color: #ffffff;
    text-shadow: 2px 2px 3px white;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px 2px black
  }
.general-about {
	background-image: url(https://i.pinimg.com/originals/90/25/63/902563cf54d7164b76b5299922dca160.gif);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.pinimg.com/564x/c0/14/d2/c014d2952b34ba1d08ac1974e0e03be0.jpg);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #000;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#FFF;
}
.profile .profile-info .inner h3 a {
	color: #FFFFFF;
}
.profile .profile-info {
	background-color: #000000;
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}
</style>

<style>.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 0em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: "💖"
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "💖"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "💖"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "💖"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "💖"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "💖"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "💖"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "💖"
   }
</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 43 comments ( View all | Add Comment )

Aspen B]	1711579491 using!! ^^ Report Comment
💫 🌟 🪩 synthian 🪩 🌟💫	1711145258 thanks this was really helpful 👏 Report Comment I got one question tho. You think you can change the font by any chance? or atleast like if you could do me a solid and lmk how to perhaps 🤷 (thankss in advance) oh yeah and also one more actually how to position certain photos in like the section yk like lets say contact portion could be helpful to center or have it in a specific spot IF possible ;) anyways it worked and looks very cool nice job 👍 ! by 💫 🌟 🪩 synthian 🪩 🌟💫; 1711151623; Report
RadianceMutt	1704617706 Using! Report Comment
Al3ia ^_^	1703951105 usingngggg!!!!!1! :P Report Comment
zerp:p	1700630070 using >o< Report Comment
BUNNYR4T (autoplay)	1698925867 using!! Report Comment
Tobie	1698601591 using! Report Comment
BAMBARK_1	1698278238 Uzing! :3 Report Comment
˗ˋACE´ˎ	1698021226 USING!!!! Report Comment
Eppy boi! :3 🎤 ☆ミ	1698006489 USINGGGGGGGGGGGGGGGGGGGGGG Report Comment
☆Keira .☆	1697817444 USING!! (o゜▽゜)o☆ Report Comment
HDung	1697748231 USING!!! Report Comment
turntechGodhe4d	1697355197 Using!! Report Comment
STAROYA	1697262091 Using!XD Report Comment
Dominique:3	1696531370 Using! Report Comment
WAFFLEZZZZZZ	1695013516 USINGGGG Report Comment
☆percy☆	1694665764 using! X3 Report Comment
Olliver ฅ⁠^⁠•⁠ﻌ⁠•⁠^⁠ฅ	1694544567 Usinggg!! (⁠≧⁠▽⁠≦⁠) Report Comment
🦴☾⛧gh0Ztt⛥☽🥩	1694400094 Uzingg :> Report Comment
liam	1694212552 USING Report Comment