I see a lot of people having issues coding pet profiles. This is mostly due to the fact that Subeta utilizes a “fluid” layout, which means that the width of the layout will adjust to your browser window size. This makes coding “static” (one-size; unchanging) pet profiles difficult if you’re not a strong coder. I’ve written a short “reset” code that should make coding a static pet profile a bit easier.

What the code will do:

1. Remove the fluidity of the layout so it’s the same size for all window sizes.
2. Remove all elements of the layout except for the pet information: header, sidebar, postcards, bookmarks, etc.
3. Remove the empty space that can sometimes occur at the bottom of the page.

Continue reading “Pet Profile Reset Code” »

CSS positioning is super important for coding on Subeta. We use it to move divs and other elements around to specific areas of the page. The most commonly used on Subeta is absolute positioning, but there are other types as well. Understanding exactly how positioning works can be a bit tricky.

Continue reading “Absolute positioning: a love story” »

Editing the “Leave a Comment” section on profiles can be a bit tricky. But with the right coding, there’s no limit to how you can snaz up that dull textbox! I’ll start off with the basic codes to edit the section, and throw in images at the end.

Continue reading “Creating a custom comment box” »

Alright, so we’ve all seen the tutorial entitled HOW TO MAKE HOVER LINK IMAGES FOR YOUR SUBETA PROFILE. It’s an awesome and extremely in-depth tutorial, and don’t get me wrong, the method absolutely works.

However. I prefer to do hover links a slightly different way. Here are my issues with the above tutorial:

1. Having a div inside a link is technically invalid code. It works, but not on all browsers. This also goes for giving a div a :hover state; some browsers only allow :hover to be on links.
2. The tutorial mentions having two images for each link – one for the regular state, and one for the hover state. That’s fine, but if you merge both states onto one image, it removes the lag that occurs when you hover, making a smooth hover! Yay.

Continue reading “A better way to do hover links” »

So, I’ve got a few ideas for different tutorials and tips to add to Subeta Dev. But I need your suggestions! Is there something specific you wonder how to code on Subeta? Are there any common issues you see people having? Comment on this post with your ideas for tutorials that I can add.