My Layouts

sorry for the late reply, but I see you fixed it. your profile looks dope!!

by Bela; 1712638942; Report

lol thanksss, I had just started so I wasn't exactly sure what everything did but I'm starting to get the hang of it (aka I paste layouts into the code panel and hope for the best lmao)

by dead.mp4; 1712670443; Report

sorry for the late reply!! I see you fixed it, sorry I wasn't any help but your profile looks great!

by Bela; 1712639018; Report

no no, I got colours changed but not the background of the page itself- still need the help sorry

by shxrkiiee; 1712993685; Report

the background image is in the root code, once there, you can change the image.

root:{

--background_image:

}

by Bela; 1713234157; Report

okay, thanks!

by shxrkiiee; 1713251134; Report

I've seen Wubzilla use a custom bulletin layout, you could try asking him for a base code :)

by Bela; 1704761383; Report

sorry for the late reply, I was going to comment that you can add a filter to the images but it looks like you've already done it lol

by Bela; 1704760751; Report

yep lol, thanks anyways tho!

by 𓌏 astaroth 𓌏; 1704768161; Report

The code for inside the scrollbox is the main code and the outside would be the body. you just have to add the background-image code to both to add the image you want.

by Bela; 1704164321; Report

Thank you!

by BATZY; 1704164928; Report

you just have to add !important after the border code for example:

border: 2px solid black!important;

you can read more about the !important here -> https://www.w3schools.com/css/css_important.asp

by Bela; 1703057006; Report

forgot to add, if you don't want the border just put

border: none!important;

by Bela; 1703057082; Report

omgg thank youu it did work ! <3

by cevityl; 1703881805; Report

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 : francis :3c; 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 unravelghoul; 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