Necessary changes for the new message builder

  • compile with NEW_MESSAGE_BUILDER and VIEWER_TOPBAR
  • copy your user.frame.htm to user.frame1.htm (keep user.frame.htm in case you use an older binary)
  • copy your user.frame.htm to user.frame2.htm, make the following changes in it: <frameset rows="56,*" frameborder=0 border=0>
  • with the following two css sections you should get a layout that looks like the preview or is very close to it
  • add the following to your user.screen.css (just add at the bottom):
/* new message builder */
div.va_message { padding: 0; margin: 0 0 1 0; }
div.va_header { font-size: 8pt; color: teal; background-color: whitesmoke; width: 550px; padding: 0; margin: 0; }
/* wrapper for plain/text messages */
div.va_message_text { font-family: Tahoma; font-weight: normal; font-size: 10pt; padding: 0; margin: 0; width: 550px; }
/* wrapper for plain/text messages in Q mode (no message styles) */
pre.va_message_styles_off { font-family: Tahoma; font-weight: normal; font-size: 10pt; padding: 0; margin: 0; }
/* block styles for plain text messages */
div.va_message_text div.quoting_level_1 { font-size: 9pt; color: green; background-color: #e7f3e7; padding: 4px 0 4px 4px; }
div.va_message_text div.quoting_level_1 .hidden { color: #e7f3e7; }
div.va_message_text div.quoting_level_2 { font-size: 8pt; color: green; background-color: #d0e7d0; padding: 3px 0 3px 3px; margin: 0 5px 0 5px; }
div.va_message_text div.quoting_level_2 .hidden { color: #d0e7d0; }
div.va_message_text div.quoting_level_3 { font-size: 7.5pt; color: green; background-color: #b9dcb9; padding: 2px 0 2px 2px; margin: 0 10px 0 10px; }
div.va_message_text div.quoting_level_3 .hidden { color: #b9dcb9; }
div.va_message_text div.quoting_level_4 { font-size: 6.5pt; color: green; background-color: #a2d0a2; padding: 1px 0 1px 1px; margin: 0 15px 0 15px; }
div.va_message_text div.quoting_level_4 .hidden { color: #a2d0a2; }
/* inline styles for plain text messages */
div.va_message_text .hidden { color: white; }
div.va_signature { color: silver; padding: 2px; margin: 5px 1px 1px 1px; border: 1px dotted silver; }
/*i, em { font-style: italic; }
u { font-style: underline; }
strong { font-varian: bold; }*/
/* wrapper for no style headers and text messages */
div.va_header_nostyle { width: 550px; padding: 0; margin: 0; }
div.va_message_nostyle { font-family: Tahoma; font-weight: normal; font-size: 13px; padding: 0; margin: 0; width: 550px; }
/* wrapper for html messages */
div.va_message_html { padding: 0; margin: 0; }
/* debugging stuff */
div.va_message_2045_debug { padding: 2; margin: 0; border: 1px solid blue; text-align:left; }
div.va_message_discrete_debug { padding: 2; margin: 1; border: 1px dotted red; }
div.va_message_multipart_debug { padding: 2; margin: 1; border: 1px dashed green; }
div.va_message_2045 { padding: 0; margin: 0 0 5 0; }
div.va_message_discrete { padding: 0; margin: 0; }
div.va_message_multipart { padding: 0; margin: 0; }
div.va_header_debug {  font-size: 8pt; color: teal; background-color: whitesmoke; padding: 1; margin: 0 0 2px 0; border: 1px solid teal; }
div.va_debug_outline { padding-left: 5px; border: 1px dotted gray; }
span.va_debug_outline { border: 1px dotted gray; }
.va_debug { color: black; background-color: yellow; }
/* header formatting */
table.va_headers_full { background-color: white; width: 100%; margin: 0; }
td.va_header_name { font-size: 8pt; color: yellow; background-color: green; padding: 0 0 0 3px; width: 20%; word-wrap: no; }
td.va_header_content { font-size: 8pt; color: teal; background-color: whitesmoke; padding: 0 0 0 3px; width: 80%; }
/* hyperlinks */
a { color: maroon; text-decoration: none; }
a:hover { color: silver; text-decoration: none; }
a.va_href_mailto { color: navy; text-decoration: none; }
a.va_href_va { color: orange; text-decoration: none; }
a.va_href_news { color: purple; text-decoration: none; }
a.va_href_collect { color: red; background-color: yellow; text-decoration: none; }
a.va_href_collect:hover { color: yellow; background-color: red; text-decoration: none; }
div.va_signature a { color: gray; text-decoration: none; }
/* attachments */
div.va_attachments { color: brown; font-weight: bold; background: silver; padding: 2px; margin: 5px 1px 1px 1px; border: 2px solid brown; }
a.va_href_decodedfile { color: brown; background: yellow; text-decoration: none; }
a.va_href_decodedfile:hover { color: white; background: red; text-decoration: none; }
  • backup your user.topbar.css and use the following. (Actually, you only need the lower part, but at the moment I reuse some stuff from the old topbar. If you used your old values there it may look weird.)
body { font-family: Tahoma; font-size: 8pt; color: white; text-align: left; margin: -3px 0 0 -5px; padding: 0px; }
table#topbar { margin: 0px; padding: 0px; width: 100%; background-color: ThreeDFace; border-top: 2px solid ThreeDHighlight; border-bottom: 2px solid ThreeDShadow;}
td { vertical-align: top; margin: 0px; padding: 0px; }
#MessageViewer_on { color: brown; font-weight: bold; margin: 0px; }
#MessageViewer_off { color: grey; margin: 0px; }
#MessageHTMLIndicator_on { color: blue; font-weight: bold; margin: 0px; }
#MessageHTMLIndicator_off { color: grey; margin: 0px; }
#MessageCharSet { color: black; font-weight: bold; }
#MessagePopLink a: { color: orange; text-decoration: none; }

/* new double-line topbar */
table#topbar2 { margin: 0px; padding: 0px; background-color: ThreeDFace; border-top: 2px solid ThreeDHighlight; border-bottom: 2px solid ThreeDShadow; vertical-align: top; height: 100%; width: 100%; }
table#message_headers { font-family: sans-serif; vertical-align: top; margin: 1px 0px 0px 0px; padding: 0px; width: 100%; /*height: 100%; */}
table#message_info { font-family: sans-serif; font-size: 6pt; vertical-align: top; margin: 1px 0px 0px 0px; padding: 0px; width: 100px; height: 20px; border: 1px solid; border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; }
td.message_headers { width: 500px; margin: 0px; padding: 0px; }
td.message_info { width: 100px; margin: 0px; padding: 0px; }
td.header_name { font-size: 9pt; color: InfoBackground; margin: 0px; padding: 0px; }
td.fromto { border: 1px solid; border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow; padding: 0px; margin: 0px; height: 11pt; overflow: hidden; }
td.subject { border: 1px solid; border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow; padding: 0px; margin: 0px; height: 11pt; overflow: hidden; }
div.fromto { color: InfoText; font-size: 9pt; background-color: InfoBackground; padding: 1px; margin: 0px; height: 12pt; border: 1px solid; border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow; overflow: hidden; }
div.subject { color: InfoText; font-size: 10pt; font-weight: bold; background-color: InfoBackground; padding: 1px; margin: 0px; height: 12pt; border: 1px solid; border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow; overflow: hidden; }
td.date { font-size: 11px; font-weight: bold; color: teal; border: 1px solid; border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow; padding: 1px; margin: 0px; height: 11pt; overflow: hidden; }
div.date { color: InfoText; font-size: 9pt; background-color: InfoBackground; padding: 1px; margin: 0px; height: 11pt; overflow: hidden; }
 
devinfo/nmb_howto.txt · Last modified: 07.08.2007 23:55 by kai
 
Recent changes RSS feed Driven by DokuWiki