Bela's profile picture

Published by

published
updated

Category: Blogging

View Blog View Profile Report Blog Entry

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 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. 


83 Kudos

—

Comments

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

Jul’s juice

 Jul’s juice 's profile picture

Hi,

I’m currently using your SpaceHey layout and I just wanted to say I really like it — it looks great.

I wanted to ask if you could tell me how to change the background of the layout. I’m using the “Red and Black” theme and I’d like to customize the background without messing up the design.

I’d really appreciate any help you can give me.

Thank you!


Report Comment

Alex Tare

 Alex Tare's profile picture

Hi, I am using the black and grey profile layout and I've been able to make all my desired changes quite easily except for some reason I cant get the font to change. I was previously using your pink layout version two and I was able to change the font easily. I'm not quite sure what I'm doing wrong with this one.


Report Comment

VOX 📺🦈

 VOX 📺🦈's profile picture

Im using your purple / blue layout!! I tried to change the spacehey logo to another picture but theres still solid color on it and i really dont know how to get it to go away! :(


Report Comment



Hey! sorry for the late reply,
you have to get rid of the filter code 

nav img.logo{
    filter: brightness(0) saturate(100%) invert(63%) sepia(62%) 
    saturate(5362%) hue-rotate(227deg) brightness(95%) contrast(79%); !important;
}

and then your image will show up. :)

by Bela; ; Report

Gvr.e

 Gvr.e's profile picture

Hello! Using your black and grey profile theme! Can you tell me how to change the font? I want to change it to Barrio as it's one of my favorite fonts


Report Comment



this is the google fonts import code. Add this to the top of the code:


<style>
@import url('https://fonts.googleapis.com/css2?family=Barrio&display=swap');
</style>

here's the font family you can change it to:

font-family: "Barrio";

by Bela; ; Report

Thank you so much!!! /vpos

by Gvr.e; ; Report

Snufkin

 Snufkin's profile picture

Hi! I'm new to all this, can I ask how to add music with this layout?


Report Comment



yeah no problem, for a simple youtube autoplay code check out my blog here, if you want a different style check out Easy Youtube Autoplay Player V2 by xerlandia

by Bela; ; Report

(🩰) R.

 (🩰) R.'s profile picture

hello! i been trying to use the beautiful CttCore-Woods layout (with some color tweaking) and i wanted to replace the contact icons with pink contact box icons, but when i put the code for them the old icons are still there, next to the new ones. is there any way to fix it? thank you and i'm sorry for the inconveniences! ♡


Report Comment



of course! there's a simple fix to this, just add the !important after the 0 in the code:


.contact .inner a img {
  font-size: 0!important;
}


if you still have issues with this let me know :)

by Bela; ; Report

whiskey

 whiskey 's profile picture

hello!!! im using your black and gray layout as a base and was wondering how do I change the contact icons? :)


Report Comment



I'm super late with this reply, but this blog CSS Snippet: Changing The Contact Icons by Cory has the CSS code for that :)

by Bela; ; Report

k a t h e r i n e

 k a t h e r i n e's profile picture

Heyo! First I just want to say you make amazing layouts. Your organization is SUPER friendly for newbies and I really appreciate it. Then I wanted to ask- I am using your Black and Gray layout and managed to add a border around my name. After doing so I noticed that the left hand column of boxes would look better if they were moved down a bit. I was wondering if I was going to have to change all of the margins or just for one of them? Thanks again!


Report Comment



thank you! I would say you only need to change the margin:top: ; for the one you want to lower. If you change all of them individually, it just changes to distance between them instead of moving the entire thing down a bit.

by Bela; ; Report

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

gabibas bobogas

 gabibas bobogas'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 gabibas bobogas; ; 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

emz✫

 emz✫'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 emz✫; ; Report

sorry but its not working :( any idea why ?

by emz✫; ; 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 emz✫; ; 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

Aspen (indefinite hiatus)

 Aspen (indefinite hiatus)'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 Aspen (indefinite hiatus); ; 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 Aspen (indefinite hiatus); ; 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

xasthur.wizard

 xasthur.wizard'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 xasthur.wizard; ; Report

Piko✮(Autoplay ^_^) OSC and PRECURE ver

 Piko✮(Autoplay ^_^) OSC a...'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 ^_^) OSC and PRECURE ver; ; 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