Tips For Customizing Your Fwicki Reader Page:
Bloggers and site owners can customize their Fwicki RSS Reader page with ease.. by using the tips and tools provided on this page. Our customizable rss reader is designed to make it easy to associate the look and feel of your blog or web site with the rss reader page. Your audience can take advantage of the rss mashup you create while associating the Fwicki reader with your site or blog through the integration of its latest design. You can also easily update the reader page to match your site or blog as its design evolves.
CSS Makes It Simple And Fast:
As a site or blog owner you most likely work with CSS stylesheets on a regular basis. The Fwicki RSS Reader is no different and the following CSS classes are the basis of styling the reader page:
- fwicki_page_title
- fwicki_page_created_by
- fwicki_page_info
- fwicki_page_info_field
- fwicki_page_info_field_title
- fwicki_page_items
- fwicki_item_title
- fwicki_item_date
- fwicki_item_description
Nine CSS classes control the elements of the reader page. They can easily be added to your current CSS stylesheet and assigned to the Fwicki reader page. The following illustration shows the location of the elements controlled by the CSS classes within the reader page layout:
Once you set the classes in your stylesheet, simply assign the stylesheet to the rss reader in the user area. The following illustration shows how to assign the CSS stylesheet to the online rss reader from within the user area:
That's all there is to it!
If you are new to CSS and need assistance, we have provided example stylesheets to help you get started. There are three stylesheets available. The default stylesheet contains only the reader page classes and will jump-start users who are familiar with CSS. The white and black backgrounds are stylesheets designed to help jump-start new users who have a blog or web site with a white or black background.
Download the stylesheets:
Default CSS Stylesheet  |
White Background |
Black Background |
See examples of custom Fwicki readers using these stylesheets: White Background Black Background
Familiar with CSS but not an expert? Get the best book available for mastering CSS:
|
Bonus Tip - Centering The Reader And Setting The Width:
When you create a customized Fwicki reader, you can use the following technique to set the width of the reader and center it on the page. This will be done in the Fwicki Dashboard (user) area by going to "My Fwickis", selecting the Fwicki, and clicking on the "Page" tab. Once there, you will see the "Custom Header" and "Custom Footer" boxes. This technique is a simple way to achieve the desired width while centering the reader.
For this example, let's say you are using a table that is 760 pixels wide to create your custom reader page layout. The page has a white background. At the bottom of the "Custom Header" code (after the end of all code) place the following opening div style:
<div style="position: relative; background-color: #ffffff; left:50%; width: 760px; margin-left:-380px;">
Important: Do not close the div tag in the "Custom Header" code box!
The div will be closed at the beginning of the "Custom Footer" code. Before pasting your footer code into the "Custom Footer" box, place the following closing div tag at the top of the "Custom Footer" code box:
</div>
This will close the div style and position your reader in the center of the page. Important Note: The code shown in the example above is based on a width of 760px and a white background. In order to position the reader for different widths, simply replace the "760px" value with the width value of choice. Once done, replace the "-380px" value with a value that equals half of your width value (be sure to set this value as a negative value). To set the background color of your reader, simply replace " #ffffff;" with the correct hexadecimal color code.
If you are still unsure about customizing your rss reader and would like to get help, get personalized tech support here. |
