Differences

This shows you the differences between two versions of the page.

--- customizing_web_interface_for_spellckecker.net_v2 [2008/04/11 06:49]
+++ customizing_web_interface_for_spellckecker.net_v2 [2008/04/11 06:49] (current)
@@ Line 1: / Line 1: @@
+====== Customizing Web Interface for SpellCkecker.net v2 ======
+===== .CSS files =====
+CSS-files are well-formed custom style sheet files which satisfy all requirements of the CSS Level 1 specification. In this section below you can find a detailed description for each class defined in the file.
+**mid.css**
+This file describes the middle frame layout. The middle frame contains the user text in all modes.
+{{ wsc-wnd-body.jpg }}
+  * bodymid - middle frame
+  * midtext - style of text in middle frame
+  * cerr - style of current misspelling mark
+**styles.css**
+This custom style sheet file describes the common settings for all "SpellChecker", "Grammar" and "Thesaurus" sections of the page.
+  * bodytop - style of top frame
+  * bodybottom - style of bottom frame
+  * dlgframe - style of frame dialog border
+  * tabframe - this style is not currently in use and is included for future features
+  * dlg - style of bottom dialog
+  * label - style of bottom dialog text
+  * gramborder - style of grammar dialog border
+  * gramsuggest - style of grammar suggestions dialog
+  * gramsugtext - style of grammar suggestions description
+  * gramsugitem - style of each grammar suggestions item
+  * gramsugtbl - style of grammar suggestions table
+  * bodyopt - style of SpellChecker options dialog document
+  * optborder - style of SpellChecker options dialog border
+  * opttable - style of SpellChecker options dialog table
+  * optheader - style of SpellChecker options dialog caption
+  * optheadertext - style of SpellChecker options dialog caption text
+  * optcel - style of SpellChecker options dialog info
+  * optlabel - style of SpellChecker options dialog info text
+  * optdescr - style of SpellChecker options dialog info descriptions
+  * cel - style of button cell
+  * tabborder - style of tab section border
+  * tabbody - style of tab section tab space
+  * tabactive - style of active tab
+  * tabpassive - style of passive tab
+  * celbrdr - style of button border
+  * tabbrdr - style of tab border
+  * optdlgborder - this style is not currently in use and is included for future features
+  * optdlgframe - this style is not currently in use and is included for future features
+  * a:link - style of a button when the button has not been pressed recently
+  * a:active - style of a button when the button is engaged or active
+  * a:visited - style of a button when the button has been clicked recently
+  * a:hover - style of a button when the user hovers the mouse pointer over the button
+**top.css**
+This custom style sheet file describes the way the top part with "SpellChecker", "Grammar" and "Thesaurus" buttons looks. Because the page contains only these three links (designed as buttons), you can customize only the links appearance.
+{{ wsc-wnd-head.jpg }}
+  * a:link - style of a button when the button has not been clicked recently
+  * a:active - style of a button when the button is engaged or active
+  * a:visited - style of a button when the button has been clicked recently
+  * a:hover - style of a button when the user hovers the mouse pointer over the button