Posts filed under ‘Pet Profiles’

The importance of !important

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

CategoryGeneral, Pet Profiles   Tags,
  Comments0

Multiple textareas on a pet profile

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

CategoryPet Profiles   Tags,
  Comments2

Customizing your pet’s stat bars

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

CategoryPet Profiles   Tags
  Comments2

Pet Profile Reset Code

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

CategoryPet Profiles   Tags,
  Comments0