How to create my own skin
* all illustrations are for "iForum" WebMail skin of Lite version.
To create or modify WebMail skin, create new or modify existing style-sheet file "styles.css".
How skins are stored in WebMail:
wm_dialog
Dialog windows appearance, where user can edit and view information
Inner styles:
Class name Description wm_dialog_edit Dialog window part where user can enter information. wm_dialog_field Dialog window part where user can view information. wm_dialog_header Dialog window caption appearance.
wm_list
Main list box where read, unread, selected und filtered messages are displayed
Inner styles:
Class name Description wm_list_cell Messages list cell appearance. wm_list_cell_checked Messages list cell appearance when user set it to checked state. wm_list_header Messages list header appearance. wm_list_readitem Message list odd read item appearance. wm_list_readitem_over Message list read item appearance when mouse pointer hovers over it. wm_list_readitem2 Message list even read item appearance.
wm_lowtoolbar
Lower toolbar of system displayed under messages list
Inner styles:
Class name Description wm_lowtoolbar_blankitem Empty part of low toolbar item appearance which contains no information. wm_lowtoolbar_item Non-selected low toolbar item appearance. wm_lowtoolbar_item_selected Selected low toolbar item appearance.
wm_message
Email message layout displayed in View Message mode.
Inner styles:
Class name Description wm_message_body Message body border appearance. wm_message_body_quotation Quoted strings appearance in message body. wm_message_data Message header field captions appearance such as "From", "To", "Subject" etc. wm_message_rfc822 Appearance of message rfc822 headers. wm_message_value Message header field captions data appearance. wm_message_value_txt Message header field for email appearance. wm_message_plain Plain text message style.
wm_toolbar
Top and bottom toolbar of WebMail which contains toolbar icons.Create "menu" folder in your own skin directory where functional button icons should exist.
Inner styles:
Class name Description wm_toolbar_blankitem Empty part of toolbar item. wm_toolbar_item Toolbar item with functional buttons appearance. wm_toolbar_item_over Toolbar item with functional buttons appearance when user moves cursor over the item. wm_icon Icon positioning compared to the menu text
Icon file name Description back_to_list.gif Shows inbox with mails list. delete.gif Delete Message. forward.gif Forward Message. refresh.gif Refresh icon message_down.gif Jump to next message in mailbox. message_down_inactive.gif Inactive icon appearance when current message is last one in mailbox. message_up.gif Jump to previous message in mailbox. message_up_inactive.gif Inactive icon appearance when current message listed is the first in mailbox. new_mail.gif Create New Message. print.gif Print Message. redirect.gif Redirect Message. reply.gif Reply to the Message. save.gif Save Message. send.gif Send Message icon
If you have any questions don't hesitate to email to support@afterlogic.com
Or visit our support web page at http://www.afterlogic.com/support
or web forum at http://www.afterlogic.com/forum