Report Blog Entry
Hi everyone! I feel like it's time to share some CSS basic codes since I get asked a lot how do I customize my page and honestly it's way easier than it seems. Don't forget everything goes in the "about me" section. Let's start!
Code to add a solid color as your background:
<style>
body {
background-color: #;}
</style>
The # is to use hex color code, for example the hex code for a red background is #FF0000 but you can change it and replace it with the "red" word. But here's a web *click* with all the color codes to use.
Code to add an image as your background:
<style>
body {
background: url("HERE GOES THE URL OF YOUR IMAGE");
background-size: 150px;
background-attachment: repeat;
</style>
If you want to use a personal image I highly recommend to upload it in www.imgbb.com to get the url code. You can always change the background size as your pleasure and the attachment if is not a pattern with "no-repeat" just play with it!
Code to change the font:
<style>
p, b, nav label, .section, .profile .table-section, table.comments-table {
font-family: Times ; }
</style>
Use basic fonts such as Arial, Georgia, Times, Courier New, Monospace.
Code to add autoplay music from YouTube:
<iframe width="0" height="0" src="https://www.youtube.com/embed/HERE GOES THE YOUTUBE URL VIDEO//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
Codes to hide stuff:
Hide Blogs
<style>
.blog-preview{display: none !important;}
</style>
Hide URL box
<style>
.url-info{display: none !important;}
</style>
Hide Contact Box
NOTE: removing the "block" and "report" button is against SpaceHey rules. If you do remove the contact box, you MUST add the block & report links elsewhere on your profile.
<style>
.contact{width: 0px !important; height: 0px !important; border: 0px !important;}
.contact a{display: none !important;}
</style>
Hide "XXX is your friend" box
<style>
.profile-info{display: none !important;}
</style>
Hide "XXX's Blurbs" header
<style>
.blurbs .heading{display: none !important;}
</style>
Hide "About Me" & "Who I'd Like To Meet" headers
<style>
.blurbs .section h4{display: none !important;}
</style>
Hide Friends
<style>
.friends-grid{display: none !important;}
</style>
Hide Comment Replies Border (remove white border around friends replies)
<style>
.comment-replies{border: 0px solid white !important;}
</style>
Hide Friends And Comments Tables Completely (This removes 'leave a comment' link)
<style>
.friends{display: none !important;}
</style>
Hide Comments (This does NOT remove the 'leave a comment' link)
<style>
.comments-table{display: none !important;}
</style>
Code to hide the contact icons:
<style>
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
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>
Code to hide all borders:
<style>
.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
Code to make your name cooler:
Code to make your profile picture a polaroid:
I think that's all for now but if you have specific questions leave a comment and I will try my best to help you :)
Comments
Displaying 19 of 19 comments ( View all | Add Comment )
Haley
Hey, I was just wondering how you added a slideshow of photos of yourself to your profile? :/ I can't find out how to do that anywhere.
Add < marquee > without spaces at the start and < / marquee > without spaces as well at the end of your pics.
by Laura.jpg; ; Report
Dominique!
Hello!! tysm 4 the codes! unfortunately the white border around my comment box isn't hiding :< n if u can help me telling me if i can change the transparency of the boxes 2!!
That's weird it should work
by Laura.jpg; ; Report
yes but i used other code for it! probably i did it wrong in the 1° place D:
by Dominique!; ; Report
𝕔 𝕣 𝕪 𝕪 𝕓 𝕓 𝕪 ♡
meeee again <3 is there a way to hide the contact box but make a link to "add friend" & I guess "block/report" lol
Yes you can find the code to hide the contact box in my blog!
But first make the direct links, go to your own page and click in the add friend, bock & report links and copy them. Save them, it should look like these:
https://spacehey.com/addfriend?id=*your ID number goes here*
https://spacehey.com/blockfriend?id=*your ID number goes here*
https://spacehey.com/reportfriend?id=*your ID number goes here*
Once you got them hide the contact box & link the things you copied with this:
a href="link">link text
Just start with < & replace the word "link" in the code with the direct link you previously copied and change "link text" with "add/block/report"
I hope this helps you. I know it looks like something difficult but I promise it's easy. Wish I could just write the whole link codes without linking stuff lol.
by Laura.jpg; ; Report
i did it ! [i think] lol
Thank you ohhh so much <3
by 𝕔 𝕣 𝕪 𝕪 𝕓 𝕓 𝕪 ♡; ; Report
Yayyyy 🤍
by Laura.jpg; ; Report
𝕔 𝕣 𝕪 𝕪 𝕓 𝕓 𝕪 ♡
hiiii gorgeous <3
I was wondering if you could share how to make photos move like a slideshow. I was just going to add them in my little scrollbox but who the hell wants to scroll so far down ? lol
You just have to write < marquee > (without spaces) at the start of the pics code & < / marquee > also without spaces to finish it.
by Laura.jpg; ; Report
it only worked on my first pic and then hid the rest :(
I'll have to play with it tonight. Thank youuu !
by 𝕔 𝕣 𝕪 𝕪 𝕓 𝕓 𝕪 ♡; ; Report
V
how did you add the little divider under the " view my: blog" text thats under ur pfp? ^_^
This is the code just put the URL you want and change the height number:
.mood:after {
content: "";
white-space: pre-wrap;
display: block;
height: 30px;
background-image: url();
background-repeat: no-repeat;
background-position-x: center;
background-size: 100%;}
by Laura.jpg; ; Report
Gothslut
Thank you for your codes I love your profile style
Kalissa Quinn
Hi,
How you put layouts in bulletins/blogs?
allied_almond
how can i change the color/background image of my comment section?
ive looked everywhere and i cant find out how
oh, and how to change comments text color!!
by allied_almond; ; Report
Try this!
.comments-table td, .comments-table {background: url(PUT THE URL HERE);
background-size: 50%;
color: red;}
by Laura.jpg; ; Report
it did not work
i tried putting a background url, and my comments are still an ugly yellow color, even with the color being set to red
by allied_almond; ; Report
.
is there a way to change the color of friend names on your profile?
yes with this code:
.friends-grid a {
font-size: 11px!important;
font-family: ;
font-weight: bold;
letter-spacing: px!important;
color: black!important;}
write it under the style tags and change it the way you want it :)
by Laura.jpg; ; Report
its not working, the friend names are still dark grey
by .; ; Report
Noé
Thank you! But may I ask: as I am very new I am not sure where to put the code to eliminate the friend icons. It does not work.
You mean to hide the friends photos??
Because the code for that is this one:
.friends-grid {display:none;}
by Laura.jpg; ; Report
Oh! Thank you. Where should I put that?
by Noé; ; Report
In the code of your layout!
by Laura.jpg; ; Report
thank you i'll try this out!
by Noé; ; Report
cary
could u do one on how to hide your profile pic :3
This one should work:
.profile-pic {display: none;}
by Laura.jpg; ; Report
WALWIN
you legend. appreciate you <3
psyclone
thanks for this. if you set your text color to transparent, and your stroke width to 0, you can set the background image to a custom text from here: https://glitter-graphics.com/myspace/text_generator.php
You're welcome and dope profile!!
by Laura.jpg; ; Report
your welcome and thank you, its a layout called "SpaceHey 2.0 Gloss"
by psyclone; ; Report
Thicc-n-Juicy
Thank you so much you computer wizard 🧙♂️
You're welcome hehe ✨
by Laura.jpg; ; Report
Courtney
Thank you for this!
by Laura.jpg; ; Report
𝙑𝙄𝘾𝙏𝙊𝙍 ⁷⁷⁷
This is very good info! Much appreciated 🙏 See, not all heroes wear capes
Lol thanks :)
by Laura.jpg; ; Report
Andrew
Awesome thank you!!
You're welcome :)
by Laura.jpg; ; Report
Lord Byron Silverhand
Wow, a Polaroid!! I didn't know that was possible!
Hahah yep I use it to make my pfp cooler!
by Laura.jpg; ; Report
I used it, but my pfp doesn't look any different?
by Lord Byron Silverhand; ; Report
Be sure you aren't using another code for your pfp because it won't work!
by Laura.jpg; ; Report
Darn! I’ll check.
by Lord Byron Silverhand; ; Report
Bhanu
Thank you!! So useful! :)
by Laura.jpg; ; Report