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. Custom data portal services apply only to Dev Pro account holders, MDPL license holders, and corporate clients. Free account holders do not qualify for custom data portal features.
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 RSS reader element embedded within the dynamic data portal 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. We have provided a CSS class assignment diagram for your convenience. Click the link below to review the CSS parameters for styling the reader elements in your fwicki reader page:
Once you set the classes in your stylesheet, simply copy and paste the header and footer code into separate notepad documents and send them to the fwicki support team. Contact the fwicki support team and submit your custom code and CSS styles here.
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
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. The 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 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 header section of the code!
The div will be closed at the beginning of the "Custom Footer" code. Before pasting your footer code into the notepad document that will be submitted for updating your fwicki page, place the following closing div tag at the top of the footer code:
</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.
Be sure to organize your header and footer code into separate plain text documents before submitting them to the support team. Once you have created your custom code and submitted the documents to the support team, please allow 24-36 hours for review and implementation.
If you are still unsure about customizing your rss reader and would like to get help, get personalized tech support here. |
