Bela

Bela's profile picture

"currently in the process of updating all my links :/"

26 | CA

Last active:

Mood: melancholy...


View my: Profile | Forum Topics

Report User

SpaceHey Blog URL:

https://blog.spacehey.com/bela

Bela's Blog Entries

[Subscribe to this Blog]

Resources for Spacehey

Category: Web, HTML, Tech

Videos: Noah's Beginner's Intro to CSS with Spacehey Series: Watch on Youtube ⇗ Cryptic Jasmine's Spacehey Series: Watch on Youtube ⇗ Si prefieren español, esta el video de Dark Emotion Cloud: Mira en Youtube ⇗ Blogs (with a list of sites and more resources): Nole's   List of CSS HTML Tutorials and Tools Seth's   Resources to get started pimping out your profile Jenna's   Looking to make your prof... » Continue Reading

» View Blog Entry

2 Comments— 42 Kudos

❀ Code #17: Music Player (autoplay + loop enabled)

Category: Web, HTML, Tech

UPDATE: As of the last update, the audio tag doesn't work. If you're using youtube autoplay, you have to approve the youtube/spotify/souncloud embed. Which means that your audio option has to be visible otherwise, people going to your profile won't even see the option to approve it. This is what it looks like: Telepathy by BTS the css: the html:     Telepathy by BTS           To use a song from Dr... » Continue Reading

» View Blog Entry

1 Comment— 30 Kudos

❀ Code #16: music and youtube player codes

Category: Web, HTML, Tech

UPDATE: As of the last update, the audio tag doesn't work. If you're using youtube autoplay, you have to approve the youtube/spotify/souncloud embed. Which means that your audio option has to be visible otherwise, people going to your profile won't even see the option to approve it. this is only temporary until music players are added to spacehey. please keep in mind that autoplay does not work in... » Continue Reading

» View Blog Entry

1 Comment— 3 Kudos

❀ Code #15: writer/poem blog css

Category: Web, HTML, Tech

From childhood's hour I have not been As others were -- I have not seen As others saw -- I could not bring My passions from a common spring -- From the same source I have not taken My sorrow -- I could not awaken My heart to joy at the same tone -- And all I lov'd -- I lov'd alone -- Then -- in my childhood -- in the dawn Of a most stormy life -- was drawn From ev'ry depth of good and ill The myst... » Continue Reading

» View Blog Entry

2 Comments— 7 Kudos

❀ Code #14: Pink Layout Theme blog css

Category: Web, HTML, Tech

Hello! CSS for your pink theme layout.  🥳 Just copy this simple code before every blog post but make sure to change the mode  from [WYSIWIG] to [HTML] so the theme is saved. you might have to reload the page to see it working. here's the code: » Continue Reading

» View Blog Entry

❀ Code #13: Blog CSS (the short code)

Category: Web, HTML, Tech

the code looks like this and only works after you switch to the [HTML] button: You will need to create a css page in neocities and link it to your blog post with the @import tag. As I mentioned in the other blog, you can use the Brackets app to edit it in real time and once you're done, just save your css to your page in neocities. The steps to create a css page are this: 1. go to  https://neociti... » Continue Reading

» View Blog Entry

2 Comments— 8 Kudos

❀ Code #12: Blog CSS (the long code).

Category: Web, HTML, Tech

I will be using the Pink Layout Blog CSS as an example so it's easier to understand.  The reason this is the long code is because this method doesn't use the @import tag to link the css from another site. I will just show you the code as it is written.  You have to put this long code before every blog post. It's up to you to use whatever method you find easy to edit the code.  There is no right or... » Continue Reading

» View Blog Entry

— 2 Kudos

❀ Code #11: adding a background to the top area of your profile

Category: Web, HTML, Tech

.general-about .details{     background: black;     border: 2px solid black;     padding-bottom:20px; } the padding is what makes it come together. You can also take away any borders around the profile image if it doesn't look good. it goes from this:  to this: » Continue Reading

» View Blog Entry

1 Comment— 2 Kudos

❀ Code #10: The <details> Tag

Category: Web, HTML, Tech

I shared my creation in the layouts section but there's more info here. from the W3schools : "The   tag specifies additional details that the user can open and close on demand.  The   tag is often used to create an interactive widget that the user can open and close. By default, the widget is closed. When open, it expands, and displays the content within. Any sort of content can be put inside the ... » Continue Reading

» View Blog Entry

— 1 Kudos

❀ Code #9: Using fonts from your Dropbox

Category: Web, HTML, Tech

the code: 1. Look for the fonts you want from Fontspace.com . These fonts are licensed as Freeware, Non-Commercial, which means they is free for personal use only. If you want to use them for something other than personal use, you have to pay for them. For free commercial use fonts, look in Font Squirrel . ** please go here for more information regarding the @font-face rule** After you have found ... » Continue Reading

» View Blog Entry

1 Comment— 4 Kudos

❀ Code #8: image in the corner of your profile

Category: Web, HTML, Tech

This is what it looks like: This works on both mobile and pc. The code @media is for mobile devices. I added it here in case you're like me and wanted a larger image that won't take over the whole screen on mobile. So it hides the image on mobile. If you remove the mobile code, you have to make the height and width smaller to adjust for mobile screens. also, you can change the name .starburst to w... » Continue Reading

» View Blog Entry

— 2 Kudos

❀ Code #7: Hover Over Friends Image Code

Category: Web, HTML, Tech

.profile .friends .person{   transition: 0.5s;   background: #ffffff00; } .profile .friends .person{     max-width: 25%;     display: inline-grid;     width: calc( 24% - 6px );     padding: 3px;     text-align: center; } .profile .friends .person p{   color: #666666;   font-weight: bold;   width: 100%;   word-break: break-word;   font-size: 100%;   text-align: center; } .profile .friends .person i... » Continue Reading

» View Blog Entry