SpaceHey Forum Topic

Posted by ☆𖦹. ꪻꫝꫀꪮ . 𖦹☆

posted 1608894842
updated 1608911277

Forum: Web, HTML, Tech

View ☆𖦹. ꪻꫝꫀꪮ . 𖦹☆'s Topics

View ☆𖦹. ꪻꫝꫀꪮ . 𖦹☆'s Profile

need help customizing ):

ok so i used the css tutorial @meh!! so graciously so graciously wrote but no matter what I do, I cant get any of it to actually work )): I thought id done everything as I was supposed to, read all the comments and reread the post thrice but nothing happens and im just not sure why. if anyone has any advice pls drop it below cuz i seriously don't know what im doing wrong !! it feels like im the only person struggling w the most basic parts of that post haha

24 Replies

Sort Replies:

Reply by Katie

posted 1608994352
updated 1608994505

Ok so start simple something like

<style>

body { /*this changes color*/

--logo-blue: pink;

</style>

Reply by ☆𖦹. ꪻꫝꫀꪮ . 𖦹☆

posted 1609030677

thank u Katie!! still not sure where I was goin wrong before but this actually worked (: gonna try n figure some more out from here

Reply by Katie

posted 1609035422

Here is a site you can practice on

https://nein-mc.neocities.org/csstest/index.html

It let's you preview your layout your making.

Here is the bare basics for changing colors and stuff tho

<style>

body { --darker-blue: pink;

--lighter-blue: yellow;

--even-lighter-blue: violet;

--lightest-blue: green;

--dark-orange: red;

--light-orange: grey;

--even-lighter-orange: purple;

--green: #38d;

--logo-blue: pink; }

* {

font-family: cursive;

}

</style>

Reply by ☆𖦹. ꪻꫝꫀꪮ . 𖦹☆

posted 1609039600

wow this was so helpful thank u <33 that preview site is a headache saver lmao

Reply by desiegirl

posted 1609810904

how do i do this

Reply by 🥀🪦 𝔞 𝔪 𝔟 𝔢 𝔯 🪦🥀

posted 1609866341

I can't seem to remember how to change my background! Where can I find the code for it? I customized my colors, but that's all I've gotten done so far

Reply by ☆๓เгคภ๔ค☆

posted 1610048283

I have been using some old myspace websites to code in backgrounds for my profile. Fillster is great.

Reply by carmen san

posted 1610150916

yeah I need helppp lol my mind is completely blank on how to do all of this all over again where do I put the codes at ?? what websites can I use to find the ones I want

Reply by Maddy

posted 1610311776

Thank goodness we can customize but I totally forgot how to change our back ground. Can it be done on a cell phone or does it have to be used on a lap top,or a computer ? I want to change my background with something like animated glitter or something to that nature , is that possible ?. Can you add your own music ? I need a refresher course .

Reply by Stephanie

posted 1610314114
updated 1610314126

how do we change the background from white?? I cant figure it out lol like I want it transparent or black

tenkss

Reply by EchoLawrence

posted 1610330867
updated 1610330873

Thank you Katie, this was so helpful

Reply by EdenAnarchy

posted 1610347682

I used the sample @katie posted and changed the colors for my taste, but nothing happened. Their sample worked fine, but after editing the colors, the page stayed in cursive font but the colors were the same. Idk what I did wrong.

Reply by SDesires

posted 1610511216
updated 1610512297

๑۞๑ø¤º°`°๑۩ HOW TO CHANGE THE MAIN BACKGROUND OF YOUR PROFILE ۩๑°`°º¤ø๑۞

Okay, I tried to simplify how to change your main background here. If this doesn't work for you, please copy the code that you used and show me and I will try to help you fix it, or I'm sure that another helpful person will try to help as well. We all deserve nice profiles don't we?

I'm going to use my profile background as an example so you can see how it's supposed to look.

Go to the site that Katie suggested: https://nein-mc.neocities.org/csstest/index.html

Now choose a code snippet to copy:

IF YOU WANT A PICTURE AS A BACKGROUND

<style>
body {
     background-image: url("https://media.giphy.com/media/FlodpfQUBSp20/giphy.gif") !important;
     background-color: black !important;
     background-attachment: fixed !important;
     margin: 0;
     padding: 0;
}
</style>

(Make sure that you are copying the "style" tags as well or it won't work!)

IF YOU WANT A COLOR AS A BACKGROUND

<style>
body {
     background-color: black !important;
}
</style>

Now, in the top white box, where it says, "Put anything (HTML, CSS) in the textarea below and it will get put into the about section", paste the code that you copied.

If you chose the picture as a background code and you see the sparkly star background that's the same one as the one on my profile then yay! Now you can change it to the image that you want as your background. All you have to do is copy the URL or address of the picture that you want as your main background and replace this part: https://media.giphy.com/media/FlodpfQUBSp20/giphy.gif with it. Make sure that there are quotation marks on either end of the URL. If the picture that you chose shows up as the background on the test page, you did it! Now copy the entire code, style tags and all, and then go to your SpaceHey profile.

Click on where it says, "Edit Your Profile". In the box labeled, "About Me", paste your code. Then save it. If all goes according to plan, you now have a picture background!

If you chose a color as a background code and you see a black background on the test page then yay! Now you can change it to the color that you want as your background. Now the main colors are easy, you can just name them and bam! There they are, but there are so many variations of colors out there, and everyone likes a particular one. So I will direct you to a page with Hex numbers. These are usually a # sign and some letters and numbers. So here is a HTMLColor Code page where you can pick any color that you fancy. When you find one that you like, copy it'sHex code, for example: #9D12E2 (which is a random purple that I selected from the color picker at the top of the page) and then you are going to replace the word, "black" in the code with that number so that it looks like this: background-color: #9D12E2 !important;

(but with the number you chose instead) If the background changed to the color that you picked on the test page then you did it! (If not, make sure that you added the # symbol in front of the Hex code.) Now copy the entire code, style tags and all, and then go to your SpaceHey profile. Click on where it says, "Edit Your Profile". In the box labeled, "About Me", paste your code. Then save it. If all goes according to plan, you now have a colored background!

Now remember, this ONLY applies to the MAIN background. You will still have the white box in the middle, so don't freak out. I hope that this helps solve some of the frustrations some are you are having.

And if your code is NOT working, copy it and let someone know that you think can help you, either myself or Miss Katie or post it on your blog and ask your friends for help. I have found that it's usually the simplest things that trip up code.

Good luck!!

~SDesires

Reply by Raga Tanha

posted 1610564389

how do you change the opacity - i included it in the code and it isnt working please and thank you!!!!

Reply by m0nnie_

posted 1610637137

How do I add a sticker/gif to my layout I tried to copy from a different layout from someone else and it didn't work?

Reply by Nat

posted 1610760276

i got my background to change but i cant get the big white table in the middle to change what's up w that?

Reply by Hottoast31

posted 1610826699

Has anyone added music yet?

Reply by MareepTheSheep

posted 1610838173

thank you so much. this has helped plenty <3

Reply by SDesires

posted 1610952432

@ Raga Tanha

try this:

The name of the item you are using the opacity on {

opacity: 0.6;

}

Just keep in mind, 1.0 is solid, kinda seethrough is 0.6, and fully transparent is 0.0

----------------------------------------------------------------------

@ m0nnie_ - You have to find the URL of the image and then add it to your page via html like this:

<img src="the url of the image here" alt="a short description of the image">

-------------------------------------------------------------------------

@Nat - That big white table in the middle is the main focus of the page. Try this:

main {

background-color: blue;

color: white; /*this is your text color*/

}

If you want the main part to be transparent then replace the word "blue" with transparent.

------------------------------------------------------------------------------------

I hope this helps!

Reply by m0nnie_

posted 1611038962

@SDesires:

Thank you so much!

Reply by Seeker

posted 1611047427
updated 1611047591

I use the inspect mode so i can play around with the css on a live site and make changes as needed.

My profile has a blog on it for versions of how i did my page and each one has an updated code of what i added.

The best part is when using the inspect mode you can see what's changed via the css the site uses and the css your profile sets as the .css file has your profile name on it and thus tells you which one is doing it then all you need to do is copy / paste that into your own style sheet to overwrite it, if it doesn't overwrite you just use the color: red !important;

important tags overwrite things, you can overwrite a global with a local important tag as well.

Also PLEASE don't make your profile cancer, if no one can read it or it's extremely bloated with flashy images / videos and BS, it'll just drive people away from it. Sometimes simple is good, i've seen too many profiles that are extremely cancer to the eyes and thus just not worth looking at the code they've done because of that.

Reply by Raga Tanha

posted 1611110302

@Sdesires

I tried changing the main part like u suggested to make the boxes transparent with out affecting the font but nothing happened? The opacity code u suggested worked but - took the font and the picture out 😖 ‐ how would i make the boxes transparent with out making the letters and my picture disappear?

Reply by badhigh

posted 1614747238

could anyone tell me how to change the top menu? some themes have the original spacehey top menu bar and others dont and I want to change mine but cant figure out how ((

Reply by Ian Moone

posted 1614825010
updated 1614825092

Someone needs to get in contact with Pimp-My-Profile and other sites to make a new section of generators for Spacehey.

Using the MySpace codes will not work as well as it could, and some tweaks caused some things to clash.