main layout code part 1 this is a main code base so images are not included

Tags: layout, scenecore, emo, 2008

Description:

hey so i hope this helps anyone with their profile. ive taken out the image, gifs and glitter text links so you know where to add your own images and gifs (note - the url has to end with gif or jpg/jpeg sometimes after the word gif there might be 1 number or letter, it should still work)

you can change the colors as well

where it says nav on its own with the option to add url it means the very top part of the page with spacehey logo and search bar + links

youll get to understand what part is what when adding in the url in said sections

link for glitter text generator: http://www.glittertextonline.com/index.php

you can change the font for your main page too, i recommend using google fonts , when youve chosen the font click the import option and copy and paste (note - i kept the font code i used in incase anyone wanted it) but you can change it by getting rid of it to paste your code in but you will need to keep the body part of the code above the style

i hope this helps

to see the full profile click on my profile

Preview:

click on the image for a larger preview

Code:

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

ABOVE THE ABOUT ME PARAGRAPH

<img src="imageorglittertexturl"/>

<img src="imageorglittertexturl"/>

<img src="imageorglittertexturl"/>


<style>
@import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap');
body{font-family: "potta one" ;}
</style> 

CODE BELOW GOES UNDER YOUR ABOUT ME PARAGRAPH

<img src="giforimageurl"/>

<img src="giforimageurl"/> 

<img src="giforimageurl"/> 

<img src="giforimageurl"/> 
<img src="giforimageurl"/> 

<img src="giforimageurl"/>

<img src="giforimageurlORglittertext"/>

TO ADD YOUTUBE VIDEO CLICK SHARE, EMBED, COPY THEN PASTE HERE ONLY CHANGING THE WIDTH AND HEIGHT TO 350 AND 215


MAIN CODE - BODY MEANS THE FULL BACKGROUND - PROFILE MEANS ANYTHING WITHIN THE MIDDLE SECTION

<style>
body {
    background: url(gif or image url);
}
.profile {
background-image:url(gif or image url);
  background-repeat: repeat;
    border-radius: 12px;
}
/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: turquoise; 
	//text-shadow: 1px 1px #ffd1dc;
	
};
	text-shadow: 2px 2px 3px #ffd1dc, 0 0 25px #ffd1dc, 0 0 5px black;
}
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: #00FFEF;
{

.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(--#ffd1dc);
}
table, th, td

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

.online
{
  color: gold!important; 
  //text-shadow: 1px 1px turquoise;
}

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

    }   
main 
{
  /* changes made to stuff outside of columns */
    background: black;
    padding: 0;
    font-size: small;
    color: #00FFEF;
text color: turquoise;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
footer 
{
    background: turquoise!important;
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
color: turquoise;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
.contact {
  border-radius: 8px;
  background-image: url(gif or image url);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: black;
  text-shadow: 1px 1px 2px #39ff14, 0 0 25px #39ff14, 0 0 3px #39ff14; 
}
.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 #000000 !important;
outline: curve !important;
}
img
{
border-radius: 12px;
}

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

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: #00FFEF;
}
nav .top {
  background: transparent;
}

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

nav { background-image: url(gif or image url) 
}


/*customising interests box*/
  .profile .table-section{
    border:2px solid #c50576;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #c50576;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #c50576;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
 /*customising friend space heading*/
  .profile .friends .heading{
    background: #c50576;
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px 2px black
  }
.general-about {
	background-image: url(gif or image url);
	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(gif or image url);
     /* 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-image: url(gif or image url);
	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>

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

khayyc00kiez>:3	1696388322 deff using>:3 Report Comment
Juno	1695786396 using :3 Report Comment
Isabella 0_0	1695744374 ill be usinggg Report Comment
𝔇𝔞𝔶𝔰𝔬𝔫	1695604712 Will use! Report Comment
Rain_is_dead	1695587743 will try to use >~< Report Comment
✮☆Sana☆✮	1695465354 will be using! Report Comment
BunnyInAc1D	1695187520 Using! (I’ve been using for about a year but forgot to comment lol) Report Comment
Chr0n1c4lly_XD1n0R0arX	1695134981 Using =D Report Comment
OCTAfan	1694428494 Using! Report Comment
Ch3rie_sk1es	1694392413 Will be using!! :] Report Comment
ezi	1694193287 WILL BE USING!!! Report Comment
Vicky !	1694057633 usingg!! ty :33 Report Comment
bri3ll3	1694043964 using , for now Report Comment
Sami	1693938100 using Report Comment
b3stg0r3	1693674582 using (might switch later) Report Comment
Rheyy	1693613604 Might use!! :3 Report Comment
GopherBoy	1693358168 using! Report Comment
RAYDON	1693309774 GOD can someone pls help me! Somehow I can't put in my profile and I don't wanna look like a creepy old man:') Report Comment okay nvm lol!! by RAYDON; 1693323059; Report How do u use this? lolz! im so confused (;_;) by XxRAWRZZxX; 1693341544; Report i was able to set it on my phone- I wrote comment on my laptop:') by RAYDON; 1693376499; Report
G0RC4NDY	1693177446 using!! do yknow how to add a image to replace the white bg? like on each side of the site theres just a bunch of white space and i was wondering if theres code to replace that with an image. Report Comment I think this will work for you! body{background:url(" ") no-repeat fixed; background-size:cover;} Paste it into your about me and in between the two " " put a url to the image you want as a link by ♡ Sev ♥; 1693187063; Report thank you SO much by G0RC4NDY; 1693227162; Report