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

ParisGou	1634005302 Como me lo pongo :c Report Comment
^(B14K3)^	1632879436 im so excited to use this layout its so adorable! Report Comment
𝖃𝖝_𝖔𝖓𝖊𝖈𝖑𝖆𝖜_𝖝𝖃	1632795015 ty for thissssss!!!!1!!1 i will b using once i figure it out lolz Report Comment Copy and paste the code into ur about me !! by Axel; 1633628508; Report
villain ☆〜	1632714279 hi ! i used this, i hope i credited you correctly !! if not, i can try again ;; Report Comment
Jaden VanMatre	1632112183 Idk how to work this but when I figure it out, I will use it! Report Comment Copy and paste into ur about me! x3 by Eli xD; 1634120288; Report
x_xbleedniya0	1631922604 AHH I LOVE IT OMG USINGG Report Comment
Maxx	1631881200 epic! Report Comment
:)Xx.uolibeD.xX(:	1631772889 Love your layouts! I'm trying to do a piece meal mashup and would love if you could tell me where/what exactly the edit profile button is in the code? Report Comment Thank youuuuu by TheJasmineSixx (LunaGloomyCore) ; 1631845204; Report
Adrian	1631749102 Is it available on iPhone? I'm new Report Comment Yeah :) by A$her.exe; 1634320083; Report
INVADER SCENE STORE	1624551645 JASMINE HII is this CSS coding like would it work on myspace.windows93.com as well? x Report Comment Unfortunately it won't work on MySpace 93 I did try but for some reason it won't allow by TheJasmineSixx (LunaGloomyCore) ; 1631845193; Report
Adriana	1616126772 i need help, the colors arent showing up, its just the font color that is.. Report Comment i took all the images out so you can fully design yourself, in the brackets ive said where you would need to put the image/gif url by TheJasmineSixx (LunaGloomyCore) ; 1616188879; Report ty by Adriana; 1616265088; Report
sarah	1614881924 Hi! I'm so confused on how to get this layout to work. It shows up without the glitter font, background and any images. I've no clue how to do this :( Thanks for any help! Report Comment I took all the images out as its just the code for the main layout , its so anyone can add there own images if they don't want an already made layout by TheJasmineSixx (LunaGloomyCore) ; 1614946666; Report
Letie	1614866729 It looks so cool omgg Report Comment
Lana <3	1614741971 thankyou bae Report Comment
Scarlett June <3	1614732346 VERY CASH MONEY Report Comment
Kiana	1614682856 pretty Report Comment
BlueKat	1614674015 I'm still a lil confused on how to change the color and font. can anyone help me? Report Comment You can delete this part @import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap'); And then on google search google fonts There will be a huge variety of fonts to choose from When you find one you like click use font /choose font, cant remember exactly what it says It should then open up a little box on the right side it will already have a code made , there will be 2 options to choose from above the coding Click import and it will have a smaller code like the one i pasted into this main page coding Copy the code and then paste it at the top of the main coding On the font coding i said to keep just delete the name /names of the font from it and between the quotation marks type in the name /names of the font you just pasted Then save and view profile to see if it changed The changing colours is confusing i still haven't 100%undersrood it other than just to try and figure out what bit is what and change the # numbers #000000 is black Any hex codes (the colours) you want search up for Instance "blue hex code" then copy and paste the shade code you want to replace one already within the main code by TheJasmineSixx (LunaGloomyCore) ; 1614704521; Report Thank you so much! sorry for asking so many questions but how do you add a YouTube video like on your profile? by BlueKat; 1614748267; Report No worries and its ok ^-^ on youtube click on the video you want and click share , ignore your on your pc or mac it will come up with an embed option, click that and then copy and paste the code The width and height will be too big but you can edit it i think it was to 350 width and height 215 that's should be all you need to change by TheJasmineSixx (LunaGloomyCore) ; 1614808268; Report yes it worked thank you so much :3 by BlueKat; 1614849375; Report Yayy glad it helped ^-^ by TheJasmineSixx (LunaGloomyCore) ; 1614878575; Report
CarmenB	1614673700 This is so cool thank you! Report Comment
Ellie <3	1614078934 i absolutely adore this Report Comment
xXx3m0b0yluvrxXx	1613357107 this is so cool omg Report Comment