This series gives some tips on how to decorate your pages at Dogster and Catster.
The majority of it explains a method on how to alter the frame around your profile.
It is divided into 3 parts: Introduction to the Frame Parts, Removing the Frame, and Create Your Own Customized Frame.
So let's begin.
Introduction to the Profile and Frame Parts
The frame is made up of 4 parts.
#topFrame This image is 644 pixels wide and runs across the top of the profile.
#rightFrame The band which runs down the right side is 20 pixels wide.
#bottomFrame As the name indicates, it is the bottom of the frame. The size is 644 pixels wide.
#leftFrame This is a band 22 pixels wide. It starts on the bottom of the topFrame on the left side and continues down until it reaches the top of the bottomFrame.
Map of Frame and Container IDs
There 3 more containers we need to identify plus a couple we want to make note of.
#contentTable Holds our pictures, bio fields and diaries. It includes the frame and the footer area below the frame. It extends from the top of the top frame all the way down to the bottom of the page. The width of this area is 644 pixels.
#profileContent This is the area within the frame containing the pictures and text (our profiles). This container is 600 pixels wide.
#siteFooter The footer area has the site and contact information for Catster/Dogster. The footer is 644 pixels wide.
#site-navigation-top This is the top menu bar (also called buttonbar).
#leftNavList This is menu list on the left side of the profile.
Please note: #contentTable is the main container and many of the other parts sitting on TOP of it. Those parts include all of the frame pieces, #profileContent and #siteFooter.
Now that we have all of the pieces parts identified, we can proceed with how to use the IDs.
Next >> "No Frames!" How to remove the profile frame and add a background.
To go to Pawsome Pages, click on the cat for the Catster side and on the dog for the Dogster side.
