gregoryg.net: Linux Stuff - Using Mutt and Sidebar<title> <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"> <meta name="description" content="Gregoryg.net Linux Stuff - Using Mutt and Sidebar"> <meta name="MSSmartTagsPreventParsing" content="TRUE"> <link rel="shortcut icon" href="http://www.gregoryg.com/favicon.ico"> <link rel="stylesheet" type="text/css" href="css/site.css"> <script type="text/javascript" language="javascript" src="/scripts/gnetcomp.js"></script> <script type="text/javascript" language="javascript" src="/scripts/popup1.js"></script> </head><body bgcolor="#ddeeff" onload="self.name='home'"> <script language="javascript"> var browsertype = navigator.userAgent; var browstype = /Konqueror/; checkbrows(); function checkbrows() { if (browstype.test(''+browsertype+'') == true) { location.href='http://www.gregoryg.net/konqsucks.html'; } } /* This cross platform script developed by Greg G, gregoryg.net in 2004. Provided to Warner Brothers Online by author for use under a public license. The complete contents of the code on this page is free for anyone who desires to use it - leave the comments in or don't. Provides centering of DHTML elements and drop down menus based on client browser window size. */ window.onresize = goAndRefresh; var myURL = unescape(window.location.pathname); function goAndRefresh() { window.location.href = myURL; } // adjusts alignment var scrolladjust = 12; var dropWw = 136; var conW = 143; // Additional browser support available by adding navigator.appName statement if ((navigator.appName=="Netscape")||(navigator.appName=="Opera")) { var winW = window.innerWidth; dropWw = 134; if (navigator.appName=="Opera") { scrolladjust = 0; } } if (navigator.appName.indexOf("Microsoft")!=-1) { var winW = document.body.offsetWidth; } // the max width of the outer table inside each layer var dhtmlWidth = 722; // ((((winW - dhtmlWidth)/2) + 0) - scrolladjust) is the base formula used to find the x coordinates for all elements in order to center them in the window // the + 0 is used to indent from base calculation returned by the formula // each subsequent menu item on the same x axis is the formula + the width of the preceding element var baseContentWidth = (((winW - dhtmlWidth)/2) - scrolladjust); var navOneWidth = ((((winW - dhtmlWidth)/2) + 10) - scrolladjust); var navTwoWidth = (navOneWidth + conW); var navThreeWidth = (navTwoWidth + conW); var navFourWidth = (navThreeWidth + conW); var navFiveWidth = (navFourWidth + conW); var d = document; function hideDiv(object) { if (document.getElementById) { document.getElementById(object).style.visibility = 'hidden'; } else if (document.layers && document.layers[object]) { document.layers[object].visibility = 'hidden'; } else if (document.all) { document.all[object].style.visibility = 'hidden'; } } function showDiv(object) { if (document.getElementById) { document.getElementById(object).style.visibility = 'visible'; } else if (document.layers && document.layers[object]) { document.layers[object].visibility = 'visible'; } else if (document.all) { document.all[object].style.visibility = 'visible'; } } // Basic image swap, you should consider using another with pre-load statements function imgSwap(imgId, imgSrc) { d[imgId].src = imgSrc; } </script> <style type="text/css"> body { font-family: Arial, sans-serif; font-size: 11px; letter-spacing: 0px; line-height: 12px; color: #02445C; margin: 20 0 0 0; } p { line-height: 14px; color: #02445C; margin: 0 0 0 0; padding: 0 0 0 0; } td { font-family: Arial, sans-serif; font-size: 11px; letter-spacing: 0px; line-height: 12px; color: #02445C; margin: 0 0 0 0; padding: 0 0 0 0; } a.menuItem { color: #02445C; text-align: center; text-decoration: none; font-weight: bold; font-size: 11 px; padding: 0; margin: 0; border: solid #cccccc; border-width: 4px 0px 0px 0px; background-color:#cccccc; } a.menuItem:hover { color: #ffffff; background-color:#4396BB; text-align: center; text-decoration: none; font-weight: bold; padding: 0; margin: 0; border-width: 4px 0px 0px 0px; } </style> <script language="javascript"> document.write("<style type=\"text/css\">#navOne { top: 60px; left: "+navOneWidth+"px; width: "+dropWw+"px; height: 20px; position: absolute; z-index: 2; } #navOneMenu { position: absolute; top: 60px; left: "+navOneWidth+"px; background-color:#ffffff; width: "+dropWw+"px; visibility: hidden; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #cccccc; z-index: 1; } #navTwo { top: 60px; left: "+navTwoWidth+"px; width: "+dropWw+"px; height: 20px; position: absolute; z-index: 2; } #navTwoMenu { position: absolute; top: 60px; left: "+navTwoWidth+"px; background-color:#ffffff; width: "+dropWw+"px; visibility: hidden; border-width: 0px 1px 1px 1px;; border-style: solid; border-color: #cccccc; z-index: 1; } #navThree { top: 60px; left: "+navThreeWidth+"px; width: "+dropWw+"px; height: 20px; position: absolute; z-index: 2; } #navThreeMenu { position: absolute; top: 60px; left: "+navThreeWidth+"px; background-color:#ffffff; width: "+dropWw+"px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #cccccc; visibility: hidden; z-index: 1; } #navFour { top: 60px; left: "+navFourWidth+"px; width: "+dropWw+"px; height: 20px; position: absolute; z-index: 2; } #navFourMenu { position: absolute; top: 60px; left: "+navFourWidth+"px; background-color:#ffffff; width: "+dropWw+"px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #cccccc; visibility: hidden; z-index: 1; } #navFive { top: 60px; left: "+navFiveWidth+"px; width: "+dropWw+"px; height: 20px; position: absolute; z-index: 2; } #navFiveMenu { position: absolute; top: 60px; left: "+navFiveWidth+"px; background-color:#ffffff; width: "+dropWw+"px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #cccccc; visibility: hidden; z-index: 1; } </style>"); </script>  <script language="javascript"> document.write("<div id=\"navOne\" onMouseOver=\"showDiv('navOneMenu')\" onMouseOut=\"hideDiv('navOneMenu')\"><a href=\"index.html\" onMouseOver=\"imgSwap('navOneImg', '/images/netservices_on.gif'), showDiv('navOneMenu');\" onMouseOut=\"imgSwap('navOneImg', '/images/netservices_off.gif'), hideDiv('navOneMenu');\"><img src=\"images/netservices_off.gif\" width=\"136\" height=\"16\" border=\"0\" name=\"navOneImg\"></a></div>"); </script>  <script language="javascript"> document.write("<div id=\"navOneMenu\" onMouseOver=\"showDiv('navOneMenu')\" onMouseOut=\"hideDiv('navOneMenu')\"> <table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr> <td height=\"24\"></td> </tr> <tr> <td align=\"left\" width=\"136\"> <a href=\"index.html#streaming\">Streaming Media</a></td> </tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr> <tr> <td align=\"left\" width=\"136\"> <a href=\"index.html#businessemail\">Business Email</a></td> </tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr> <tr> <td align=\"left\" width=\"136\"> <a href=\"index.html\">Dedicated Servers</a></td> </tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr> <tr> <td align=\"left\" width=\"136\"> <a href=\"index.html#colocation\">Server Colocation</a></td> </tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr> <tr> <td align=\"left\" width=\"136\"> <a href=\"index.html#systemsconsulting\">Linux Consulting</a></td> </tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr><tr> <td align=\"left\" width=\"136\"> <a href=\"network.html\">About our network</a></td> </tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr><tr> <td align=\"left\" width=\"136\"> <a href=\"techtips_apf.html\">APF Firewall Fixes</a></td> </tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr></table> </div>"); </script>  <script language="javascript"> document.write("<div id=\"navTwo\" onMouseOver=\"showDiv('navTwoMenu');\" onMouseOut=\"hideDiv('navTwoMenu');\"><a href=\"index.html\" onMouseOver=\"imgSwap('navTwoImg', '/images/webhosting_on.gif'), showDiv('navTwoMenu');\" onMouseOut=\"imgSwap('navTwoImg', '/images/webhosting_off.gif'), hideDiv('navTwoMenu');\"><img src=\"images/webhosting_off.gif\" width=136 height=16 border=0 name=\"navTwoImg\"></a></div>"); </script>  <script language="javascript"> document.write("<div id=\"navTwoMenu\" onMouseOver=\"showDiv('navTwoMenu');\" onMouseOut=\"hideDiv('navTwoMenu');\"> <table cellpadding=\"2\" cellspacing=\"0\" border=\"0\"> <tr> <td height=\"24\"></td> </tr> <tr> <td align=\"left\" width=\"136\"> <a href=\"index.html#1\">No Cost Domains</a></td> </tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr> <tr> <td align=\"left\" width=\"136\"> <a href=\"index.html#2\">Virtual Hosting</a></td> </tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr> <tr> <td align=\"left\" width=\"136\"> <a href=\"index.html\">Dedicated Servers</a></td> </tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr> <tr> <td align=\"left\" width=\"136\"> <a href=\"index.html#4\">Ensim Control Panel</a></td> </tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr> <tr> <td align=\"left\" width=\"136\"> <a href=\"index.html#5\">Startup Special</a></td> </tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr></table></div>"); </script>  <script language="javascript"> document.write("<div id=\"navThree\" onMouseOver=\"showDiv('navThreeMenu');\" onMouseOut=\"hideDiv('navThreeMenu');\"><a href=\"index.html\" onMouseOver=\"imgSwap('navThreeImg', '/images/webdesign_on.gif'), showDiv('navThreeMenu');\" onMouseOut=\"imgSwap('navThreeImg', '/images/webdesign_off.gif'), hideDiv('navThreeMenu');\"><img src=\"images/webdesign_off.gif\" width=136 height=16 border=0 name=\"navThreeImg\"></a></div>"); </script>  <script language="javascript"> document.write("<div id=\"navThreeMenu\" onMouseOver=\"showDiv('navThreeMenu');\" onMouseOut=\"hideDiv('navThreeMenu');\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"> <tr> <td height=\"24\"></td> </tr><tr><td align=\"left\" width=\"136\"> <a href=\"index.html#1\">Cross Platform Code</a></td></tr><tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr><tr><td align=\"left\" width=\"136\"> <a href=\"index.html#2\">Optimized Code</a></td></tr><tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr><tr><td align=\"left\" width=\"136\"> <a href=\"index.html#3\">Flash & Graphics</a></td></tr><tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr><tr><td align=\"left\" width=\"136\"> <a href=\"index.html#4\">Free Hosting</a></td></tr><tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr> </table> </div>"); </script>  <script language="javascript"> document.write("<div id=\"navFour\" onMouseOver=\"showDiv('navFourMenu');\" onMouseOut=\"hideDiv('navFourMenu');\"><a href=\"index.html\" onMouseOver='imgSwap(\"navFourImg\", \"/images/ecommerce_on.gif\"), showDiv(\"navFourMenu\");' onMouseOut='imgSwap(\"navFourImg\", \"/images/ecommerce_off.gif\"), hideDiv(\"navFourMenu\");'><img src='images/ecommerce_off.gif' width='136' height='16' border='0' name='navFourImg'></a></div>"); </script>  <script language="javascript"> document.write("<div id=\"navFourMenu\" onMouseOver=\"showDiv('navFourMenu');\" onMouseOut=\"hideDiv('navFourMenu');\"> <table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"> <tr> <td height=\"24\"></td> </tr>  <tr><td align=\"left\" width=\"136\"> <a href=\"index.html\">MySQL</a></td></tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr><tr><td align=\"left\" width=\"136\"> <a href=\"index.html\">zCart Cart</a></td></tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr> <tr><td align=\"left\" width=\"136\"> <a href=\"index.html\">Custom Apps</a></td></tr> <tr> <td align=\"left\" height=\"5\" width=\"136\" class=\"onepx\"> </td> </tr> </table> </div>"); </script>  <script language="javascript"> document.write("<div id=\"navFive\"><a href=\"javascript:void('');\" onclick='javascript: popup(\"contactme.html\", \"spd1\", 496, 288);'\" onMouseOver='imgSwap(\"navFiveImg\", \"/images/contact_on.gif\");' onMouseOut='imgSwap(\"navFiveImg\", \"/images/contact_off.gif\");'><img src='images/contact_off.gif' width='136' height='16' border='0' name='navFiveImg'></a> </div>"); </script>  <script language="javascript"> document.write("<div id=\"navFiveMenu\" onMouseOver=\"showDiv('navFiveMenu');\" onMouseOut=\"hideDiv('navFiveMenu');\"> <table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"> <tr> <td height=\"24\"></td> </tr> <tr> <td align=\"left\" width=\"136\"><a href=\"#\">navFiveMenu1</a></td> </tr> <tr> <td align=\"left\" width=\"136\"><a href=\"#\">navFiveMenu2</a></td> </tr> <tr> <td align=\"left\" width=\"136\"><a href=\"#\">navFiveMenu3</a></td> </tr> <tr> <td align=\"left\" width=\"136\"><a href=\"#\">navFiveMenu4</a></td> </tr> </table> </div>"); </script> <center> <table bgcolor="#ffffff"> <tr> <td> <table width="722" cellpadding="0" cellspacing="7" border="0" bgcolor="#ffffff"> <tr> <td colspan="5" align="left"><a href="/"><img src="images/header.gif" width="358" height="25" border="0" hspace="0" vspace="0"></a> </td> </tr> <tr> <noscript><td><a href="index.html"><IMG SRC="images/netservices_off.gif" WIDTH="136" HEIGHT="16" BORDER="0" HSPACE="0" VSPACE="0" name="image1"></a> </td> <td><a href="index.html"><IMG SRC="images/webhosting_off.gif" WIDTH="136" HEIGHT="16" BORDER="0" HSPACE="0" VSPACE="0" name="image2"> </td> <td><a href="index.html"><IMG SRC="images/webdesign_off.gif" WIDTH="136" HEIGHT="16" BORDER="0" HSPACE="0" VSPACE="0" name="image3"> </td> <td><a href="index.html"><IMG SRC="images/ecommerce_off.gif" WIDTH="136" HEIGHT="16" BORDER="0" HSPACE="0" VSPACE="0" name="image4"> </td> <td><a href="contactme.html"><IMG SRC="images/contact_off.gif" WIDTH="136" HEIGHT="16" BORDER="0" HSPACE="0" VSPACE="0"> </td> </tr> <tr> </noscript> <td width="136"> </td><td width="136"> </td><td width="136"> </td><td width="136"> </td><td width="136"> </td> </tr> <script language="javascript"> document.write("<tr><td colspan=\"5\" height=\"27\" align=\"center\"></td></tr>"); </script> <tr> <td colspan="4" valign="top"> <font class="bodytxt"> <p> </p> <b class="blubold">Gregoryg.net Linux Stuff - Using Mutt and Sidebar</b><br> So I've been using Mutt as my email client on an RHEL 5. I like Mutt a lot; no GUI in the way and it allows me to sort and highlight mail as I please by incorporating use of fetchmail and procmail. One addition to Mutt that I find really useful is sidebar. I compiled sidebar into my Mutt source, and installed it. However the one thing I didn't like about using the sidebar and Mutt as I first installed it was that the folder list of unread emails in the sidebar did not update automatically. <p> </p> So to remedy this problem I decided to install Dovecot on my workstation. I configured it to listen 127.0.0.1 and compiled Mutt with the sidebar patch and the --enable-imap option. I configured Mutt to connect to the local instance of Dovecot via IMAP. This set up is secure and since Mutt is now using IMAP to load the local mail boxes, information in the Mutt sidebar os updated automatically as mail comes in. Sweet! <p> </p> In a nutshell, I use fetchmail to retrieve mail to my workstation, procmail to sort it into different folders and Mutt + Sidebar to load the mboxes and read the mail. </td> <td valign="top"> <p><font class="rcopy">Links To Info</font> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td height="7"><font class="onepx"> </font> </td> </tr> <tr> <td><p><a href="linuxStuff.html">Linux Stuff</a> </td> </tr> <tr> <td height="7"><font class="onepx"> </font> </td> </tr> <tr> <td><p><a href="winSecurity.html">Win Security Tips</a> </td> </tr> <tr> <td height="7"><font class="onepx"> </font> </td> </tr> <tr> <td><p><a href="vinyl-to-mp3.html">Rip Vinyl To MP3</a> </td> </tr> <tr> <td height="7"><font class="onepx"> </font> </td> </tr> <tr> <td><p><a href="dhtml.html">DHTML Tips</a> </td> </tr> <tr> <td height="7"><font class="onepx"> </font> </td> </tr> <tr> <td></td> </tr> </table> </td> </tr> <tr> <td colspan="5" class="bodytxt"> <p> </p> <p align="center" valign="bottom">Gregoryg.net powered by<br> <img src="/images/ggpower.gif" vspace="4"> </p> </td> </tr> </table> </td> </tr> </table> <table height="400" width="676" border="0" align="center"></table> </center> </body> </html>