while I appreciate the old school GeoCities approach with GIFs everywhere (and my myspace used to look like that), now I prefer a simpler, minimal look. the bare minimum CSS you need to change to change your color palette is below, using my colors as an example:
<style>/* background of the page (i.e. left and right of your profile) */
body { background-color: #111;}
/* your profile itself. main does not encompass the header/footer, which I prefer to leave alone */main { background-color: #333; color: #ccc;}
/* links within main. --green is a variable from spacehey's own CSS */main a { color: var(--green);}
/* color/style of borders around tables on the left */.profile .contact, .profile .table-section, .profile .url-info { border: 1px solid #111;}
/* colors for the table headings on the left */.profile .contact .heading, .profile .table-section .heading, .home-actions .heading { background-color: #444; color: #bbb;}
/* colors for table cell background (by default spacehey has a separate color for :first-child) */.profile .table-section .details-table td { background-color: #333; color: #ccc;}
/* headings on the right */.profile .blurbs .heading, .profile .friends .heading { background-color: #444; color: #bbb;}</style>
Add this to any one of your profile items.
Edit: Add this for friends' comments I didn't have any at first (womp womp)!
.profile .friends .comments-table td { background-color: #333;}
Comments
Displaying 20 of 41 comments ( View all | Add Comment )
☆ Cooper ☆
the command below shows up on mobile in the about me section, works on desktop but shows the code on mobile, even when it does the desired action.
"/* colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #444;
color: #bbb;
}"
Julie
you got a way to make the bg an image? also adding stickers and stuff >.<
please if anyone finds out tell me im desperate AND NOT USING SOMEONE ELSES LAYOUT
by ˚ ༘♡ ⋆。˚ ꕥ 𝓼𝓽𝓮𝓹𝓱𝓪𝓷𝓲𝓮; ; Report
if you wanna make the background an image, you just need to do
body {
background: url([whatever url you want!]);
}
or, if you want to make the inner rectangle of ur profile an image, do ".profile" instead of "body"!
by lucia; ; Report
simply use
main {
background: url("YOURURL");
}
BUT DONT FORGET TO PUT IT IN BETWEEN STYLE TAGS
by xX.Prince$$.Suicid3.Xx; ; Report
vallmo
does anyone know how to change text colour? im so confused
In the place you want to change the text color, in this case the body text, just do:
body {
text-color: #0f0;
}
Just note that #0f0 is a filler color and can be replaced with any other color.
by Spring Green; ; Report
daisyylp
where 2 add code??
you add it in your "about me" :)
by shama [୨୧]; ; Report
offbrand soda [autoplay]
when i try 2 paste in it won’t work erm
for real
by death penalty; ; Report
if ur a beginner i heavily reccomend getting a already done base layout and then changing colors on it and using this https://nein-mc.neocities.org/csstest/
by ༺𓆩My𓆪༻; ; Report
Claraa_x3 (not accepting friend reqs rn)
does anybody know how to change the color of the border of comment replies? mines white
Try:
border-color: (colour of your choice);
by Roni ★; ; Report
lovtaste
cant tell if ur still active but which one is for the header? i cnt tell >n<
⟡Ziggy
Thanks for the codes!!
vcntiqs
thx for this!! super helpful
BluMndy
can someone do that in hex color codes?
"Be nice."
-Spacehey
by ⟡Ziggy; ; Report
Why is everyone on this site so hostile??
by Fritoleg; ; Report
objectshow fan
by Two Time 𖤓; ; Report
Alex the bat
Thanks a lot
But can someone tell me how to add borders to text?
Idk if you still need this but you can write "text-shadow: 0 0 0px #your color in hex code;" without the quotations inside the { } of your selector. The first two 0's are for position and the 0px is for how big you want the shadow. 0px or 1px should look like a border rather than a shadow. For example: main {text-shadow 0 0 1px #FFB233;} I highly recommend this site for further information https://www.w3schools.com/css/default.asp Hope this helps!
by xX_Σοφία Αβελέιρα_Xx; ; Report
text-shadow: *
by xX_Σοφία Αβελέιρα_Xx; ; Report
Omg thanks
by Alex the bat; ; Report
Egg/Jax
is there a way to have 2 different colors on the left backround color?? as in one color on the top section and another color for the tables section?
angelstar_ii
i haven't figured out how to color the red text on my page (blurbs, friends, etc). send help TT
did u ever figure it out omg
by Sage; ; Report
i did it SOMEHOW. i still dont know what bit of code made that work
by angelstar_ii; ; Report
if u find out what code it is pls tell me :sob:
by kitty; ; Report
Dude i think i found out ok
}
:root {
--logo-blue:black;
--darker-blue: purple;
--lighter-blue: black;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: black;
--light-orange: black;
--even-lighter-orange: black;
--green: pink;
So....The words in front of the colons (":") Keep them, these are the colors of the og format. colors. Now the red words on the blurbs is "dark-orange" You want to change that. Now the colors i have are the words AFTER the colons (":") NOT BEFORE. KEEP THE ONES BEFORE "--____" Change the ones AFTER, or just the red words for the "about me" so Ex: "--dark-orange: blue;" THERE YA GO IM NOT GOOD AT EXPLAINING SO YOU CAN SHOOT ME A RLPY ILL TRY TO EXPLAIN MORE :P
by torb; ; Report
please someone help me with this i cant find any working code D:
by str8tovideo; ; Report
THANK YOU SO MUCH
by diana ₊ ⊹; ; Report
Wouldn't "!important" be easier?
by Roni ★; ; Report
VROWSA !!
would there be a way to change the color of the interests table to a gif or image ???
maybe try making it transparent?? and then the background image would show through? idk tho LOLZ
by marzwuzhere; ; Report
i changed the background from "background-color:" to "background: url("link here");
by vivi; ; Report
Primrose
Thanksss
CHUU
by aoife☆; ; Report
kibbles/nyan
is there a way to change the color of the online symbol?
goob
how would you change the opacity of a background color for the profile?
N0ЯA
thank you for sharing ^_^
ghostie
finally something works, thank you so much
meg
thank you so much for this!!!