Bela's profile picture

Published by

published
updated

Category: Blogging

My Layouts


You can find my layouts HERE

You can find my resources HERE

As a layout creator, nothing feels better than someone using my layouts, so thank you!

If you have any questions, you can ask here or in the layout comment sections. You can also friend me to send a message if you'd like.

updated: 08/01/2021   07/04/2023

I'm only going to say this here: 

If you use any of my layouts as a base, please change more than just the background color or the font. 

Using a layout as a base (to create your own layout and post it on the layouts section and claim it as your own) means you're changing everything about it to fit your own design idea or at the very least a different concept using the same style of borders, box shapes, or format of a profile. 

You can't just change the colors around and the font and then repost a layout and claim you created it. Everyone who has worked on creating various layouts can read the code others do and we can tell who's layout it is based on the code lol it's discouraging seeing someone take a layout I took hours or days creating and then just change the colors/font and then post it as theirs. 

just putting this out there so you guys are aware. :)

also! just because I say you can use my layouts as a base, doesn't mean other people creating layouts feel the same way. remember to ask first before taking a layout and reposting it as yours. 


71 Kudos

Comments

Displaying 20 of 31 comments ( View all | Add Comment )

Novae Angliae

Novae Angliae's profile picture

I wanted to use this pretty layout but the code not working :c


Report Comment



it looks good on my end, all the images show up :)

by Bela; ; Report

lowes!!

lowes!!'s profile picture

hello! i am using your brown bear layout! (https://layouts.spacehey.com/layout?id=2091) i know this is an old layout uve made but i am tweaking it to my liking, i cant figure out how to get rid of the gray highlight on the text (home, browse, etc)
itd be awesome if u could tell me where in the coding that is, thank u sm !!


Report Comment



Oh sure. I made this layout before An updated the spacehey styling. The code to remove the text shadow is this:


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

by Bela; ; Report

thank u so much!

by lowes!!; ; Report

❀✮gabi✮❀

❀✮gabi✮❀'s profile picture

Hiii! I'm using your "pink layout" and i wanted to be able to have the top box (the one with the spacehey logo, search bar, etc) not touching the top of the sreen. Could you help me please?


Report Comment



yeah the code is:

nav{
margin-top:20px;
}

by Bela; ; Report

thank youu!<3

by ❀✮gabi✮❀; ; Report

moosya!!! ☆

moosya!!! ☆'s profile picture

Hello! I was trying to understand how all of this works... and can't find where to write to write something in "about me" and "who I'd like to meet" panels. just can't see places to "sneak in"

idk if its important or not, but the layout was "CttCore-Woods"


Report Comment



I would really be thankfull if you or someone else could help me >_<

by moosya!!! ☆; ; Report

I'm sorry for the late reply but I see you figured it out, your profile looks cool! :D

by Bela; ; Report

emma !!

emma !!'s profile picture

Heyy !! I was just wondering what the layout code for this blog is ?! id love to use it for one of my blogs <3


Report Comment




nav .top{color:black;background-color:whitesmoke!important;}nav img.logo{filter: brightness(0) saturate(100%)!important;}
nav .links a{
text-shadow: none!important;
}
nav .links{
background-color:whitesmoke;
border-top:2px solid black;border-bottom:2px solid black;}nav .links a{color:black;}button{background-color: transparent;border:none;color: black!important;}.edit-info{background-color:white;border:2px solid black;}.comments-table{border-spacing:2px;}.comments-table td, .comments-table td:first-child{background-color:white;border:2px solid black;}.comment-reply:not(:first-child) {border-top: 3px double black;}.comment-replies {border: 2px solid black;}.kudos, a, .count{color: DarkSlateBlue;}
nav .links a{
text-shadow:none;
}

by Bela; ; Report

THANKS SM OMG UR A LIFE SAVER 💜💜💜

by emma !!; ; Report

sorry but its not working :( any idea why ?

by emma !!; ; Report

add the code between the style tags :)

I have a video here if you need it [
Blog Css

by Bela; ; Report

oooh i see ty ty

by emma !!; ; Report

dead.mp4

dead.mp4's profile picture

heyy, im using your "pink layout version 2" layout and i changed everything to red to better fit what i wanted (i wont be reposting it as my own dw) but theres two things i cant seem to figure out how to change the colour of, the "spacehey a space for friends" thing at the top left corner, and the tiny little line between the "Help | LogOut" thing at the top right coner (Help | <- LogOut, that thing)
any sort of feedback on changing those would be super helpful!


Report Comment



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

by Bela; ; 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; ; Report

shxrkiiee

shxrkiiee's profile picture

I'm using your black and gray layout and I wanted to try change the background but I'm not sure how? just wanted to experiment with it but I don't want to accidentally break it


Report Comment



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

by Bela; ; Report

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

by shxrkiiee; ; Report

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


root:{

--background_image:

}

by Bela; ; Report

okay, thanks!

by shxrkiiee; ; Report

Boogley

Boogley's profile picture

Is there a way to do layouts for bulletin posts just like blog posts? and if so do you know of anyones' layout code I can look at and try to learn and backwards engineer?


Report Comment



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

by Bela; ; Report

𓌏 kalidos 𓌏

𓌏 kalidos 𓌏's profile picture

hey i was wondering in ur black and grey layout is there a way to just get the filter only, like the thing that makes everything on ur screen black and white? i know almost nothing about coding lol, thank you!


Report Comment



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; ; Report

yep lol, thanks anyways tho!

by 𓌏 kalidos 𓌏; ; Report

Piko✮(Autoplay ^_^)

Piko✮(Autoplay ^_^)'s profile picture

Hello, I'm using your Xiao layout and I'm confused on how to change the backround image outside and inside the scroll box.


Report Comment



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; ; Report

Thank you!

by Piko✮(Autoplay ^_^); ; Report

cevityl

cevityl's profile picture

Hi! I'm using your black and grey layout and I left out some of the parts to suit my liking. So the problem is I can't find a way to change blue border around the "contacting" part. I'm new to coding and stuff so I can't read it perfectly that's why I can't get rid of it. Thank you if you could help!


Report Comment



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; ; Report

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

border: none!important;

by Bela; ; Report

omgg thank youu it did work ! <3

by cevityl; ; Report

🧪

🧪's profile picture

hii im using your purple neon layout but the profile background doesnt appear :( im scared i did soemthing wrong..


Report Comment



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; ; Report

Nehiri

Nehiri's profile picture

Hello!!! I'm using your black and gray layout and I was wondering how I could change the names of interests! I can't seem to figure out where in the code i'm supposed to put it :(


Report Comment



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; ; Report

no worries! already figured it out tho lol

by Nehiri; ; Report

CHERUBSREUNiON [ INCREDIBLY BRIGHT WARNING !!!!! ]

CHERUBSREUNiON [ INCREDIB...'s profile picture

in your neon fun layout, may i ask how you managed to put the entire profile into a scroll box? its rlly cool and i have ideas for stuff liek it :')


Report Comment



sure! the code is this:



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



after that I set the navigation background color to transparent. have fun creating layouts :)

by Bela; ; Report

tysm!!!!! youre the sweetest

by CHERUBSREUNiON [ INCREDIBLY BRIGHT WARNING !!!!! ]; ; Report

bonez

bonez's profile picture

hii!! im using your red/black layout (it is so epic thank u). I wanted to reach out because I really wanna put images on the sides of the screen like this person has here https://spacehey.com/thatonespy but i cant figure it out for the life of me!! I am not familiar with coding at ALL and i have been google searching what code to insert but i think im struggling with where in the code to put it. Either way if you're able to help I'd super appreciate it!! ty for all u do :3


Report Comment



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; ; Report

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

by Bela; ; 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; ; Report

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

by bonez; ; Report

you're welcome :)

by Bela; ; Report

reese ʕ •ᴥ•ʔ ☆彡

reese ʕ •ᴥ•ʔ ☆彡's profile picture

Hey im trying to edit the color of the logo in ur cute pink layout u made :( it’s not the right color no matter what i do!! Also whenever i try editing the search bar/buttons color it just disappears! Thank u in advance <3


Report Comment



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; ; 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 ʕ •ᴥ•ʔ ☆彡; ; 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; ; Report

Tysm 💜💜

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

unravelghoul

unravelghoul's profile picture

hello ! I'm using your yellow box shadow layout (love it <3) but for some reason when I pin a blog post, the box that contains the post glitches and I can't seem to find a way to fix it :( it's happening on my profile right now. thank you in advance !!


Report Comment



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; ; Report

it worked, thank you !!

by unravelghoul; ; Report

VSJ

VSJ's profile picture

Hi! Your starry nights layout is beautiful! I was tinkering with it by adding new gif but things went awry. How can I replace topmost starry night gif with another without messing it up? Simple replacement wouldn't work. Thank you :)


Report Comment



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; ; 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; ; Report

do you mind sharing what image you chose?

by Bela; ; 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; ; Report

Sunflower★Zombie

Sunflower★Zombie's profile picture

hi ! i'm using your forest and frame layout (its very pretty) and im struggling to make my about me text color match the lighter text colors everywhere else on the profile. and i can't figure out how to show my links on the screen either !


Report Comment



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; ; Report

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

by Sunflower★Zombie; ; Report

Blaise ♱

Blaise ♱'s profile picture

Hi! I'm using your red layout and changing the colors to black and white; I was wondering how I would change the About Me text color? I can't find it anywhere in the code.


Report Comment



nevermind i eventually figured it out lol

by Blaise ♱; ; Report