MyNews :: Documentation

	1 Introduction
	MyNews themes use CSS to customize visual display of the web interface. For any web page, MyNews first loads a default CSS file that define the look of the page when no theme is applied. This file is located at css/default.css. If a theme is applied, a second CSS file is loaded to apply theme customization for this theme. For example, if theme id is slashdot, the corresponding CSS file will be located at css/themes/slashdot/theme.css.

MyNews CSS classes

MyNews defines CSS classes for all displayed objects. The following schema displays the list of all displayed objects. When you put the mouse on one object, the corresponding CSS class is displayed in a info bubble (classname : explanation). Strings between parenthesis mean that a second CSS class is defined. For example newsdate(hidden) means newsdate and newsdatehidden.

nav 1 >

nav 2 >

nav 3

right

logo

menu 1

menu 2

menu 3

menu 1

menu 2

menu 3

Templates

tmpl 1

tmpl 2

Topics

topic 1

topic 2

MyNews 1.0

1 >

This is the news title

Template

This is the news body

Topic

11/11/

11:11

:11

Form

Label :

Label :

Import :

Table

# Column title

1 Odd row

2 Even row

Page :

statuson : Active or up-to-date icon statusoff : Inactive or needs update icon statusnew : New template or theme icon reload : Reload icon custom(2) : Customization icon

Console


	This is the console text field

CSS for printer

You can define an optional CSS file for your theme dedicated to printer. This CSS file is used when you try to print a MyNews page. This is useful, for example, to remove some decoration elements. For any web page to print, MyNews first loads a default CSS file that define the look of the page to print when no theme is applied. This file is located at css/print.css.

If a theme is applied, a second CSS file can be loaded to apply theme printing customization for this theme. For example, if theme id is slashdot, the corresponding CSS file will be located at css/themes/slashdot/print.css.

CSS classes used in printer mode is the same as for screen display.

Learn more about CSS

The Cascading Style Sheets is a normalized language to define graphical styles in HTML documents. The official CSS specifications are available on the W3C website at:

http://www.w3.org/Style/CSS/

Additionally, you can find useful information on other interesting sites: