New: Change to support a top menu with icons

htdocs/theme/eldy/eldy.css.php

@@ -63,7 +63,7 @@ body {
 <?php if (! empty($_GET["optioncss"]) && $_GET["optioncss"] == 'print') {  ?>
 	background-color: #FFFFFF;
 <?php } else { ?>
-	background: #f9f9f9 url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/headbg.jpg' ?>) 0 0 no-repeat;
+	background: #fefefe url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/headbg2.jpg' ?>) 0 0 no-repeat;
 <?php } ?>
 	color: #101010;
 	font-size: <?php print $fontsize ?>px;
@@ -179,6 +179,13 @@ div.fiche
 /* Menu top et 1ere ligne tableau                                                 */
 /* ============================================================================== */
 
+<?php
+$minwidthtmenu=0;
+$heightmenu=19;
+//$minwidthtmenu=70;
+//$heightmenu=47;
+?>
+
 div.tmenu
 {
 <?php if (! empty($_GET["optioncss"]) && $_GET["optioncss"] == 'print') {  ?>
@@ -187,21 +194,37 @@ div.tmenu
     position: relative;
     display: block;
     white-space: nowrap;
-    border-top: 1px solid #D3E5EC;
+    border-top: 0px solid #D3E5EC;
     border-<?php print $left; ?>: 0px;
     border-<?php print $right; ?>: 0px solid #555555;
-    border-bottom: 1px solid #8B9999;
+    border-bottom: 1px solid #ABB9B9;
-    padding: 0px 0px 0px 0px;
+    padding: 0px 0px 0px 0px;	/* t r b l */
-    margin: 0px 0px 4px 0px;
+    margin: 0px 0px 3px 0px;	/* t r b l */
     font-weight: normal;
-    height: 19px;
+    height: <?php print $heightmenu; ?>px;
-    background: #b3c5cc;
+/*    background: #b3c5cc; */
     background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/tmenu.jpg' ?>);
+/*    background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/tmenu3.png' ?>);*/
+/*    background-position: center bottom; */
     color: #000000;
     text-decoration: none;
 <?php } ?>
 }
 
+table.tmenu
+{
+    padding: 0px 0px 10px 0px;	/* t r b l */
+    margin: 0px 0px 0px 0px;	/* t r b l */
+	text-align: center;
+}
+td.tmenu
+{
+	<?php print $minwidthtmenu?'width: '.$minwidthtmenu.'px;':''; ?>
+	text-align: center;
+	vertical-align: bottom;
+	white-space: nowrap;
+}
+
 a.tmenudisabled:link
 {
 	color: #757575;
@@ -210,6 +233,7 @@ a.tmenudisabled:link
 	margin: 0px 1px 2px 1px;
 	cursor: not-allowed;
     font-weight: normal;
+	white-space: nowrap;
 }
 a.tmenudisabled:visited
 {
@@ -219,6 +243,7 @@ a.tmenudisabled:visited
 	margin: 0px 1px 2px 1px;
 	cursor: not-allowed;
     font-weight: normal;
+	white-space: nowrap;
 }
 a.tmenudisabled:hover
 {
@@ -228,6 +253,7 @@ a.tmenudisabled:hover
 	margin: 0px 1px 2px 1px;
 	cursor: not-allowed;
     font-weight: normal;
+	white-space: nowrap;
 }
 a.tmenudisabled:active
 {
@@ -237,6 +263,7 @@ a.tmenudisabled:active
 	margin: 0px 1px 2px 1px;
 	cursor: not-allowed;
     font-weight: normal;
+	white-space: nowrap;
 }
 
 a.tmenu:link
@@ -245,6 +272,7 @@ a.tmenu:link
 	padding: 0px 5px 0px 5px;
 	margin: 0px 1px 2px 1px;
 	font-weight: normal;
+	white-space: nowrap;
 }
 a.tmenu:visited
 {
@@ -252,6 +280,7 @@ a.tmenu:visited
 	padding: 0px 5px 0px 5px;
 	margin: 0px 1px 2px 1px;
 	font-weight: normal;
+	white-space: nowrap;
 }
 a.tmenu:hover
 {
@@ -264,6 +293,7 @@ a.tmenu:hover
 	border-<?php print $left; ?>: 1px solid #D8D8D8;
 	border-top: 1px solid #D8D8D8;
 	border-bottom: 2px solid #dee7ec;
+	white-space: nowrap;
 }
 a.tmenu:active
 {
@@ -276,6 +306,7 @@ a.tmenu:active
 	border-<?php print $left; ?>: 1px solid #D8D8D8;
 	border-top: 1px solid #D8D8D8;
 	border-bottom: 2px solid #dee7ec;
+	white-space: nowrap;
 }
 
 a.tmenusel:link
@@ -289,6 +320,7 @@ a.tmenusel:link
 	border-top: 1px solid #D8D8D8;
 	border-<?php print $left; ?>: 1px solid #D8D8D8;
 	border-bottom: 2px solid #F4F4F4;
+	white-space: nowrap;
 }
 a.tmenusel:visited
 {
@@ -301,6 +333,7 @@ a.tmenusel:visited
   border-top: 1px solid #D8D8D8;
   border-<?php print $left; ?>: 1px solid #D8D8D8;
   border-bottom: 2px solid #F4F4F4;
+	white-space: nowrap;
 }
 a.tmenusel:hover
 {
@@ -313,6 +346,7 @@ a.tmenusel:hover
   border-top: 1px solid #D8D8D8;
   border-<?php print $left; ?>: 1px solid #D8D8D8;
   border-bottom: 2px solid #F4F4F4;
+	white-space: nowrap;
 }
 a.tmenusel:active
 {
@@ -325,12 +359,7 @@ a.tmenusel:active
 	border-top: 1px solid #D8D8D8;
 	border-<?php print $left; ?>: 1px solid #D8D8D8;
 	border-bottom: 2px solid #F4F4F4;
-}
+	white-space: nowrap;
-
-table.tmenu
-{
-    padding: 0px 0px 10px 0px;	/* t r b l */
-    margin: 0px 0px 0px 6px;	/* t r b l */
 }
 
 * html li.tmenu a
@@ -358,26 +387,115 @@ li.tmenu {
 
 /*
 div.mainmenu_home {
-	position : absolute;
+	position : relative;
 	color: white;
-	background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/calc.png' ?>);
+	background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/menus/home.png' ?>);
-	width:22px;
+	background-repeat:no-repeat;
-	height:22px;
+	background-position:center top;
-	top: 10px;
+	height:28px;
-	margin-left: 10px;
+	margin-left: 0px;
 }
 
 div.mainmenu_companies {
-	position : absolute;
+	position : relative;
 	color: white;
-	background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/calc.png' ?>);
+	background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/menus/company.png' ?>);
-	width:22px;
+	background-repeat:no-repeat;
-	height:22px;
+	background-position:center top;
-	top: 10px;
+	height:28px;
+	margin-left: 0px;
+}
+
+div.mainmenu_products {
+	position : relative;
+	color: white;
+	background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/menus/products.png' ?>);
+	background-repeat:no-repeat;
+	background-position:center top;
+	height:28px;
 	margin-left: 10px;
 }
-*/
 
+div.mainmenu_commercial {
+	position : relative;
+	color: white;
+	background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/menus/commercial.png' ?>);
+	background-repeat:no-repeat;
+	background-position:center top;
+	height:28px;
+	margin-left: 0px;
+}
+
+div.mainmenu_accountancy {
+	position : relative;
+	color: white;
+	background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/menus/accountancy.png' ?>);
+	background-repeat:no-repeat;
+	background-position:center top;
+	height:28px;
+	margin-left: 0px;
+}
+
+div.mainmenu_project {
+	position : relative;
+	color: white;
+	background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/menus/generic.png' ?>);
+	background-repeat:no-repeat;
+	background-position:center top;
+	height:28px;
+	margin-left: 0px;
+}
+
+div.mainmenu_members {
+	position : relative;
+	color: white;
+	background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/menus/generic.png' ?>);
+	background-repeat:no-repeat;
+	background-position:center top;
+	height:28px;
+	margin-left: 0px;
+}
+
+div.mainmenu_cashdesk {
+	position : relative;
+	color: white;
+	background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/menus/generic.png' ?>);
+	background-repeat:no-repeat;
+	background-position:center top;
+	height:28px;
+	margin-left: 0px;
+}
+
+div.mainmenu_tools {
+	position : relative;
+	color: white;
+	background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/menus/tools.png' ?>);
+	background-repeat:no-repeat;
+	background-position:center top;
+	height:28px;
+	margin-left: 0px;
+}
+
+div.mainmenu_agenda {
+	position : relative;
+	color: white;
+	background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/menus/agenda.png' ?>);
+	background-repeat:no-repeat;
+	background-position:center top;
+	height:28px;
+	margin-left: 0px;
+}
+
+div.mainmenu_ecm {
+	position : relative;
+	color: white;
+	background-image: url(<?php echo DOL_URL_ROOT.'/theme/eldy/img/menus/ecm.png' ?>);
+	background-repeat:no-repeat;
+	background-position:center top;
+	height:28px;
+	margin-left: 0px;
+}
+*/
 
 /* Login */