| Line 1: | Line 1: | ||
== CustomStyles == | == CustomStyles == | ||
| − | The CustomStles feature will allow you to add your own Styles into the "Styles" | + | The CustomStles feature will allow you to add your own Styles into the "Styles" menu. You may define as many styles as you want due to your needs. Adding a new style is very easy. An example will show you how to do it properly: |
Example: you want to create a new style called: "MY STYLE 1" which will have the following attributes: | Example: you want to create a new style called: "MY STYLE 1" which will have the following attributes: | ||
Latest revision as of 13:46, 15 January 2008
CustomStyles
The CustomStles feature will allow you to add your own Styles into the "Styles" menu. You may define as many styles as you want due to your needs. Adding a new style is very easy. An example will show you how to do it properly:
Example: you want to create a new style called: "MY STYLE 1" which will have the following attributes:
- the style should apply to the 'Heading 2' (h2) format
- the font color is 'Blue'
- the background color is 'Red'
To add your custom style "MY STYLE 1" add the below code to the fckconfig.js file:
FCKConfig.CustomStyles =
{
'Red Title' : { Element : 'h3', Styles : { 'color' : 'Red' } },
'MY STYLE 1' : {Element :'h2', Styles : {'color' : 'Blue' , 'background-color' : 'Red' } }
};
As you may see the syntax of the function is very easy:
- in ' ' apostrophe you type the name of your style
- after the colon you type in the definition of your style inside the curly brackets { }
- Element points to the element you want your style to apply to e.g. h1,h2,h3
- Style defines the attributes of your own unique style e.g. color, background-color,font-family