The interface of Melon News Component is formed by user controls (.ascx). This gives possibility for easy customization of the templates and styles of the web controls in the user controls.
All styles which are applied to the controls in Melon News Component are separated
in two css files: FrontEndStyles.css and BackEndStyles.
The css styles defined in BackEndStyles.css are used in the administration part of the News component while
the css styles defined in FrontEndStyles.css are used in the front-end of the web site where the review of the news is.
All defined cascading style sheets (css) classes are with prefix "mc_news".
On the same concept for front-end and back-end is applied to the images/icons used in the component. They are separated into two folders: FrontEndImages and BackEndImages.
The styles together with the images are placed in one folder NewsStyles and together form the
final appearance of the component.
When you integrate Melon News Component in your web site you may want to customize its interface and even use themes feature from ASP.NET 2.0.
- Customize the Look&Feel of the News Component without using themes.
If themes are not used then NewsStyles folder should be copied to the Sources sub-folder of the main folder of the News component MC_News where the user controls are placed. Only in this way the defined styles and images will be correctly applied and displayed in the component’s interface. The developers can modify the css classes and replace the images with another but they should keep their names.
- Use themes
If the web site where News component will be integrated use themes then the folder with the styles and images of the component (NewsStyles) should be copied to each folder of the used themes under App_Themes and after that the styles and images could be modified to suit to the themes.
