Yes, you can host websites from your computer. Other people can’t view it, obviously, because it isn’t hosted on the internet. But hosting a website on your computer (known as localhost) allows you to create a fully-functional website so that everything is ready before you upload it to a live website. This also holds true for Subeta. You can code your Custom CSS, profile, or pet profile from your localhost and then upload your completed code to Subeta.

Continue reading “How to code Custom CSS (or any Subeta page) as hosted on your computer” »

Normally I write my own tutorials, however, the purpose of declaring !important in CSS is a bit tricky to explain. Rather than writing my own confusing and vague explanation of it, I’ll let someone else do it better.

What does !important mean in CSS? from About.com

Continue reading “The importance of !important” »

Subeta provides a div to put all of your pet information in – it’s called #pet_desc. But what if you want to have several different divs for different information, and position them all separately? Not a problem.

Continue reading “Multiple textareas on a pet profile” »

You’ve gotta love Morostide! Pumpkins to carve, trick-or-treating, hexes … definitely one of my favourite Subeta holidays. In the spirit of Morostide, I created a Custom CSS for myself based on the Subeta pumpkin patch, and I thought I would share the code with all of you.

Continue reading “Free Morostide Custom CSS” »

The Statistics section on pet profiles is a really neat feature, and a creative use of an HTML unordered list. (Yes, those cool stat bars are essentially just a fancy list!) There are lots of things we can do to customize the section, and this post will be essentially a “code dump” for the stat bars.

Continue reading “Customizing your pet’s stat bars” »

Changing the border colour on wishlist items is very simple – and handy! The class given to items that are on your wishlist is “.wishlist” and we can use that information to tweak what they look like.

Continue reading “Changing the border colour on wishlist items” »

The ability to give elements rounded corners is new with the new version of CSS, CSS3. Previously, rounded corners could only be achieved by making images for each corner and positioning them accordingly. Now we can quickly and easily do it with CSS using border-radius! Subeta has gotten a little rounded corner heavy – if that’s not your thing, I’ll give you the code to straighten those edges back out.

Continue reading “Adding/removing rounded corners with CSS” »

As promised, here is a more detailed diagram of the Subeta menu. It shows the different classes/ids involved so that you can edit them with your Custom CSS. You can find a diagram of the basic layout here.

Continue reading “Custom CSS diagram – menu” »

Due to popular request, I’ve created a little image representation of the div ids involved in the layout of Subeta. You might find it useful when coding Custom CSS! This is the basic version which just shows the main divs. (Showing the smaller, internal divs would make it a bit crowded and hard to follow.) I plan to create more diagrams in the future to show the menu and the sidebar in more detail.

Continue reading “Custom CSS Diagram – Basic” »

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” »