Introduction and Key to Navigating the Tutorials
Saturday, 29. April 2006, 15:03:46
Visual Cues
The stylesheet used for the example in these articles is the green and black vinyl record album design courtesy of Fred. Using this same stylesheet are the gold headphones and speaker theme and Fred's muted blue tabbed theme. But the stylesheet elements discussed here are present in all of the Opera Community default themes. To help you navigate your away around, we have given visual cues to the examples.

The various titles will have graphic icons that represent different aspects of these tutorials.
Information
This is the general class of tutorial you'll find here.
FAQs
Some posts may have their own FAQs. They'll be easy to spot because they'll use the above icon.
Documents
This is used for posts that contain snippets of code for you to use or documents for you to download.
Images
This is used for posts that talk about the graphical aspects of the stylesheet or give informaton about headers/banners, or point to downloadable headers/banners.
Stylesheets and Code Snippets
Examples of the stylesheet will be enclosed in a bordered box with a light gray background. Inside the box, your attention will be called to various elements the topic of the discussion. We will truly dissect the stylesheet and help you to understand how the various parts work together.
Items we want to draw your attention to inside a sample stylesheet will be red, bolded and in Courier New font
Code snippets that are ready for you to cut and paste directly into your own blog will be shown as monospaced blue text inside a blue-bordered box. These will generally be provided with various banners and other graphic elements that require special stylesheet tweaking in order to work properly.
Tags
This site uses tags to organize posts into categories. The easiest way to find information on a certain topic is to go to the Archive Page and find the appropriate tag. Click on it, and you'll be given a list of all posts which use that tag. Tags used here include:
![]() |
Ivan's Five Steps to Modifying Your Opera Blog, from his popular Pimp My Blog series. |
![]() |
A code snippet for you to use on your own blog. |
![]() |
A header graphic compatible with a dark theme. |
![]() |
A header graphic compatible with a light theme. |
There are 13 icons, one for each default Opera theme. These icons are used when discussing a particular theme or themes. You'll find these tags in the photo albums, as some header graphics are compatible with only one or several (but not all) default Opera themes. |
|
This icon is used when discussing information pertaining to all the default Opera themes. |
Graphic Banners, Headers, Etc.
Graphic banners, headers and other custom elements that we create for your use are housed in the photo albums, as well as being introduced and discussed here on this blog or in the forum.









BIGDADGIB # 3. March 2007, 06:30