My Layouts

I think it's because it's an imgur picture. Imgur blocked spacehey so any pictures loading from imgur don't show up. The picture is still up on imgur though, you can save it to another website like img.bb just replace the url

by Bela 🔊⬆; 1701072127; Report

sorry for the late reply! here's the code:

:root{
    --topic1: "Hobbies";
    --topic2: "Bands";
    --topic3: "Tech";
    --topic4: "Fandoms";
    --topic5: "Scenes";
    --topic6: "Writers";
}

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
  color:var(--links) !important;
  letter-spacing: normal !important;
   text-shadow: 2px 2px black !important;
   filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

by Bela 🔊⬆; 1699831766; Report

no worries! already figured it out tho lol

by Nehiri; 1699837679; Report

sure! the code is this:

.container{
    width: 100%;
}
main{
    width:800px;
    height:500px;
    overflow-y: scroll;
    margin: auto;
}

by Bela 🔊⬆; 1690315301; Report

tysm!!!!! youre the sweetest

by cherubsReunion; 1690321647; Report

also idk if it matters but i wanna put images like this https://i.kym-cdn.com/photos/images/original/001/879/084/63d.gif on the side of screen like in the corner or smth idrc as long as its there yknow

by bonez; 1689019288; Report

I have the code in this layout. If you need further help let me know :)

by Bela 🔊⬆; 1689051181; Report

to make another image one the left side just make another div and title it something else like for example div class="leftsideimage" and in the code, instead of right:0; change it to left:0;

by Bela 🔊⬆; 1689051363; Report

i think i got it thank u sm for the help!!

by bonez; 1689055736; Report

you're welcome :)

by Bela 🔊⬆; 1689059402; Report

I have a blog to help you with this! Just look under the section that says "Changing the Spacehey Logo" https://blog.spacehey.com/entry?id=5523

by Bela 🔊⬆; 1687569228; Report

Thank you!! Do u have any advice for changing the color of the search bar and button? Any time i try to change the colors it makes them disappear

by reese ʕ •ᴥ•ʔ ☆彡; 1687598288; Report

yeah np :)

/* the search wrapper and button */

nav label{ 
    color: white; /* this is for the Search Users: text */
}

.search-wrapper input[type=text] {
    background-color: transparent;
    border: 1px solid white;
    color: pink; /* this is for the text when you type inside the search box */
}

button{
    border: 1px solid white;
    font-family: "arial";
    background-color: transparent;
    color: white;
}

by Bela 🔊⬆; 1687642843; Report

Tysm 💜💜

by reese ʕ •ᴥ•ʔ ☆彡; 1687643093; Report

sorry for getting back to you late. try adding this code to your profile:


.blog-preview p a{
box-shadow:none!important;
border:none!important;
}


by Bela 🔊⬆; 1685178239; Report

it worked, thank you !!

by yuugen; 1685219507; Report

in the nav:before code just replace the bold part with the url of an image

background-image: url('url-goes-here');
if you still have issues let me know!

by Bela 🔊⬆; 1681101401; Report

Alas i have been trying that. Tried it again now. Any gif url except one you used gives a blank. :(
I must be making some silly mistake.

by VSJ; 1681125350; Report

do you mind sharing what image you chose?

by Bela 🔊⬆; 1681273459; Report

Gif

Say i wanted this one for example. What needs to be done? Once i learn maybe i can tinker the rest myself!

Thanks in advance. :)

by VSJ; 1681326554; Report

I don't know if you're still having this issue, but all the colors look okay to me on my screen. Let me know if you still need help tho! :)

by Bela 🔊⬆; 1680991445; Report

hey ! yeah i had a friend help with the colors ty tho !

by Sunflower★Zombie; 1680993763; Report

nevermind i eventually figured it out lol

by Blaise ♱; 1679627859; Report

Under the .fairy code you can change the background image to any you want. I think any png image would look better since it'll make it stand out more. You can search google for images like "fairy png" and pick any image you like :)

by Bela 🔊⬆; 1677568006; Report

Thank you <3

by BunnaBee; 1677608220; Report

Around the entire blurbs area its

.blurbs but around the individual sections it woul be like

.blurbs .section:nth-child(1) for the about me and

.blurbs. section:nth-child(2) for the who I'd like to meet

by Bela 🔊⬆; 1677567736; Report

sure thing, you can change the padding-bottom to a lower number if you don't want the box too long. the code to copy is this:



.general-about .details{
border: var(--borders);
padding-bottom: 70px;
padding-right: 5px;
text-align: right;
background: url('https://cdn.wallpapersafari.com/80/17/TZxt1s.jpg');
background-size: cover;
}
.profile-pic{
padding:10px;
}


by Bela 🔊⬆; 1675981885; Report

awesome! thanks

by fentanyl <3; 1676016621; Report

It's a new update to the links but it's buggy, so sometimes it doesn't show up. to remove it the code is:

nav .links a{
text-shadow: none!important;
}


by Bela 🔊⬆; 1672792597; Report

Worked perfectly, thank you so much! <3

by Ash ᕕ(⌐■_■)ᕗ ♪♬; 1672795823; Report

Hehe still tweaking my page; is there somewhere I can edit the div that includes the “status” stuff? Like what you would enter on spacehey.com /editstatus. The CSS previewer thing doesn’t really include that section, and the changes I make to the “last login” thing affect my Online button. Thank you so much for your help <3

by Ash ᕕ(⌐■_■)ᕗ ♪♬; 1672816293; Report

Well each website has different rules when editing the layout. Some let you add in extra code like JavaScript. Spacehey doesn't allow that, hence why ppl can't add music players on their profiles and other things like that.

From looking at the aniroleplay site, it looks like they use a different css stylesheet than Spacehey. For example, to edit the friends comments on spacehey the code would look something like this:



.comments-table td{
background-color: gray!important;
}



on aniroleplay the code looks like like this:



table.friendscomments{
background-color: gray!important;
}


so it's a different way of writing the code but its still similar. A good example to show you is this profile I was looking at https://www.aniroleplay.com/view_profile.php?member_id=559270. When you go to this profile, right click and click Inspect. You should be able to see the side window pop up with the code. You can search for the
tags this person used to edit the profile.

by Bela 🔊⬆; 1672718083; Report

sorry for the late reply! the arrow in the corner is black, so it won't show with a black background. if you switch the background to a white one, you'll see that it does appear.

by Bela 🔊⬆; 1667865366; Report

No worries! And thanks!

by kiyohiro; 1667971702; Report

in the google fonts site, make sure you're selecting the @ import code. If you're putting the entire code that's there, you have to put the style tags separate from each other. You can't put style tags inside other style tags. if you keep having issues let me know! ^^

by Bela 🔊⬆; 1644244890; Report

thank you!!

by sarah anne; 1644319087; Report

I just tried again and made sure to use the @ import code, as well as gone through and changed the font family throughout but it just makes the font a sort of Times New Roman and idk why lol

by sarah anne; 1644403132; Report

In the code .general-about .details change the padding-bottom from 20px to 70px :)

by Bela 🔊⬆; 1639691092; Report

omg! thank you so much! :3

by RedDot; 1639714768; Report

yeah its .section h4 {display: none;}

by Bela 🔊⬆; 1614576066; Report

what if i only wanted to hide the Who i want to meet, but keep the About me?

by Seren; 1637045072; Report

check out this blog hidden things

by Bela 🔊⬆; 1637084377; Report

font-size: 12px;

by Bela 🔊⬆; 1613866475; Report

you just have to make sure the profile-info (or other sections) don't already have a set font-size.

by Bela 🔊⬆; 1613866575; Report