Limit Pulldown Menus
I want to substitute the H1, H2 etc and the fonts with my designated CSS styles only. How do you do that? I've attached the css style and it shows how in the window but none of the pulldown menus reflect my css styling choices.
I want to substitute the H1, H2 etc and the fonts with my designated CSS styles only. How do you do that? I've attached the css style and it shows how in the window but none of the pulldown menus reflect my css styling choices.
Hi Bill,
When you say that the css style you attached 'shows (now?) in the window', does that mean that
• your chosen styles are available to select from the drop-down 'style' menu when you're inserting or updating a form using HTMLEditor and the styles apply properly to the finished updated page, but they just don't show in the drop-down list in the actual style they represent,
• they show in the HTMLEditor interface as available styles when you are trying to add them to the Editor as new styles, but don't show up in the drop-down list at all?
FCKConfig.EditorAreaCSS = '../../css/sitestyles.css'; // relative to fckeditor/editor/fckeditor.html
FCKConfig.BodyClass = 'body';
FCKConfig.StylesXmlPath = '../custom/index_messageAreaStyles1.xml'; // relative to fckeditor/editor/fckeditor.html
Your stylesheet and xml files will have different names.
If you could check these out and explain a bit more about the problem, it will be easier to fix.
The Heading styles h1 - h6 can only (I think) be made to appear in the actual manner of their styles in the 'format' drop-down, by defining them in the FCKConfig.CustomStyles area in your HTMLEditor/fckconfig.js file (at or near lines 224 - 229). For example,
Line 224:
'h1' : { Element : 'h1' },
could be defined as 24px, red, Times New Roman, by editing line 244 to read:
'h1' : { Element : 'h1', Styles : { 'color' : 'Red', 'font-size' : '24px', 'font-family' : 'Times New Roman'} },
You can do this with all or some of the Heading elements as required. The format and punctuation must be exactly as above, though.
Alternatively, and easier, you could just define those styles as classes in your stylesheet, i.e:
.myH1 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#F00;;
font-size:24px;
}
.myH2 {
etc.
}
and they will show up in the styles-drop down, rather than the format drop-down.
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.