css'ing
authortipaul <tipaul>
Fri, 2 Apr 2004 15:22:07 +0000 (15:22 +0000)
committertipaul <tipaul>
Fri, 2 Apr 2004 15:22:07 +0000 (15:22 +0000)
koha-tmpl/intranet-tmpl/default/en/acqui.simple/addbooks.tmpl
koha-tmpl/intranet-tmpl/default/en/includes/cat-top.inc
koha-tmpl/intranet-tmpl/default/en/includes/common-style.css
koha-tmpl/intranet-tmpl/default/en/intranet-main.tmpl

index bfeb779..e8500c6 100644 (file)
@@ -1,59 +1,36 @@
 <!-- TMPL_INCLUDE NAME="acquisitions-top.inc" -->
-
-<font size="5"><em>MARC biblio management</em></font>
+<div id="mainbloc">
+<h1>MARC biblio management</h1>
 <!-- TMPL_IF name="noitemsfound" -->
-       <p />
        <font color="red" size="4">No items found</font>
 <!-- /TMPL_IF -->
 <!-- TMPL_IF name="websiteadded" -->
-       <p />
        <font color="red" size="4">Website Biblioitem Added</font>
 <!-- /TMPL_IF -->
 
-<p />
-<table bgcolor="#ffcc00" width="80%" cellpadding="3">
-       <tr valign="center">
-       <td><font size="4">To add a new biblio/item, scan or type the ISBN/ISSN number:</font></td>
-       </tr>
-</table>
 <form action="isbnsearch.pl">
-       <table cellpadding="3" border=0 width="100%">
+       <table>
+               <tr>
+                       <th colspan=4>To add a new biblio/item, scan or type the ISBN/ISSN number:</th>
+               </tr>
                <tr valign="top">
-                       <td width="5%">ISBN:</td>
-                       <td width="20%"><input type="text" name="isbn" /></td>
-                       <td width="10%" rowspan=2 valign="middle"><input type="submit" value="Go" class="button"/></td>
+                       <td>ISBN:</td>
+                       <td><input type="text" name="isbn" /></td>
+                       <td rowspan=2 valign="middle"><input type="submit" value="Go" class="button"/></td>
                        <td rowspan=2>If the ISBN or title is found in the biblio table, it will be retrieved and can be modified.<br/>
                                        If the ISBN or title is found in the breeding farm, it will be retrieved and a biblio will be added.<br/>
                                        Otherwise, a biblio can be added from scratch.</td>
                </tr>
-                       <td width="5%">Title</td>
-                       <td width="20%"><input type="text" name="title" /></td>
+               <tr>
+                       <td>Title</td>
+                       <td><input type="text" name="title" /></td>
                </tr>
                <tr><td>&nbsp;</td>
                <!-- TMPL_IF NAME="NOTMARC" -->
-                       <td colspan=2><a href="addbiblio-nomarc.pl" class="button">Create Empty biblio</a></td></tr>
+                       <td colspan=2><br/><a href="addbiblio-nomarc.pl" class="button">Create Empty biblio</a></td></tr>
                <!-- TMPL_ELSE -->
-                       <td colspan=2><a href="addbiblio.pl" class="button">Create Empty biblio</a></td></tr>
+                       <td colspan=2><br/><a href="addbiblio.pl" class="button">Create Empty biblio</a></td></tr>
                <!-- /TMPL_IF -->
        </table>
 </form>
-
-<p />
-<p />
-
-<table bgcolor="#ffcc00" width="80%" cellpadding="3">
-       <tr valign="center">
-               <td><FONT SIZE=4>Add New Website</font></td>
-       </tr>
-</table>
-<form action="websitesearch.pl" method="post">
-       <table>
-       <tr>
-               <td>Keyword:</td>
-               <td><input type="text" name="keyword" /></td>
-               <td><input type="submit" value="Go" class="button"/></td>
-       </tr>
-       </table>
-</FORM>
-<p />
 <!-- TMPL_INCLUDE NAME="acquisitions-bottom.inc" -->
index f4d1dab..f1088ba 100644 (file)
@@ -36,9 +36,6 @@ a.catalogue:hover {
 </style>
 </head>
 <body>
-
-
-
 <!------------------------MENUS-------------------------------->
 <div id="menubar">
        <span class="koha">KOHA</span>
index 6eb249c..47bf980 100644 (file)
@@ -1,8 +1,18 @@
+label10 {
+       float:left;
+       width: 10em;
+}
+label20 {
+       float:left;
+       width: 10em;
+}
+
 body {
        font-family:verdana,arial,helvetica;
        font-size:12pt;
        margin:0px;
-       padding:0px
+       padding:0px;
+       background-color:#99CC33;
 }
 
 .button {
@@ -42,9 +52,7 @@ th {
        background-image:url("/opac-tmpl/default/en/images/background-mem.gif");
        font-weight:bold;
        text-align:center;
-       border-left:1px solid #000000;
-       border-bottom:1px solid #000000;
-       border-top:1px solid #000000;
+       border:1px solid #000000;
        padding:5px;
 }
 /* standard cell */
@@ -91,22 +99,14 @@ h1 {
        color: red;
        font-weight:bold;
 }
-#menubar {
-       border-top:1px solid #666666;
-       font: 1em sans-serif;
-       background-color:#DDDDDD;
-       padding-bottom:10px;
-}
-#submenu {
-       font: 0.8em sans-serif;
-       background-color:#EEEEEE;
-       border-left:1px solid #000000;
-}
 
 #mainbloc {
        float:left;
        width:90%;
-       border:1px solid #000000;
+       border-top:1px solid #000000;
+       border-left:1px solid #000000;
+       border-right:3px solid #000000;
+       border-bottom:3px solid #000000;
        background-color:#FFFFFF;
        margin-left:10px;
        margin-right:10px;
@@ -177,122 +177,95 @@ a.submenu2:hover {
        margin:0;
 }
 
+#menubar {
+       border-top:1px solid #666666;
+       font: 125% sans-serif;
+       background-color:#DDDDDD;
+       padding-bottom:5px;
+       font-weight:bold;
+}
+#submenu {
+       background-color:#EEEEEE;
+       border-left:1px solid #000000;
+       padding-bottom:5px;
+       font-size:110%;
+}
+
+#menubar a {
+       padding:5px;
+}
+#submenu a {
+       padding:5px;
+}
+
 .koha {
        text-align:center;
        background-image:url("/intranet-tmpl/default/en/images/background-mem.gif");
+       font-size:130%;
+       font-weight:bold;
+       padding-left:10px;
+       padding-right:10px;
+       padding-bottom:5px;
 }
 
 a.home {
-       font-weight: normal;
-       text-decoration: none;
-       cursor: hand;
        color:#777777;
-       font-weight: bold;
        }
 a.home:hover {
        background-color: #339933;
        color: #000000;
-       text-decoration: none;
-       font-weight: normal;
-       font-weight: bold;
        }
 
 a.catalogue {
-       font-weight: normal;
-       text-decoration: none;
-       cursor: hand;
        color:#777777;
-       font-weight: bold;
-       margin:0;
        }
 a.catalogue:hover {
-       font-weight: normal;
-       text-decoration: none;
-       cursor: hand;
-       background-color:#ad11ad;
        color:#FFFFFF;
-       font-weight: bold;
        }
 
 a.members {
-       font-weight: normal;
-       text-decoration: none;
-       cursor: hand;
        color:#777777;
-       font-weight: bold;
        }
 a.members:hover {
        background-color: #86c268;
        color: #000000;
-       text-decoration: none;
-       font-weight: bold;
        }
 
 a.acquisition {
-       font-weight: normal;
-       text-decoration: none;
-       cursor: hand;
        color:#777777;
-       font-weight: bold;
        }
 a.acquisition:hover {
        background-color: #ffdf61;
        color: #000000;
-       text-decoration: normal;
-       font-weight: bold;
        }
 
 a.reports {
-       font-weight: normal;
-       text-decoration: none;
-       cursor: hand;
        color:#777777;
-       font-weight: bold;
        }
 a.reports:hover {
        background-color: #6b7cbe;
        color: #000000;
-       text-decoration: normal;
-       font-weight: bold;
        }
 
 a.circulation {
-       font-weight: normal;
-       text-decoration: none;
-       cursor: hand;
        color:#777777;
-       font-weight: bold;
        }
 a.circulation:hover {
        background-color: #be6170;
        color: #000000;
-       text-decoration: normal;
-       font-weight: bold;
        }
 
 a.parameters {
-       font-weight: normal;
-       text-decoration: none;
-       cursor: hand;
        color:#777777;
-       font-weight: bold;
        }
 a.parameters:hover {
        background-color: #86c268;
        color: #000000;
-       text-decoration: normal;
-       font-weight: bold;
        }
 a.about {
-       font-weight: normal;
-       text-decoration: none;
-       cursor: hand;
        color:#777777;
-       font-weight: bold;
        }
 a.about:hover {
        background-color: #86c268;
        color: #000000;
-       text-decoration: normal;
-       font-weight: bold;
        }
index fcf9713..cef6ff0 100644 (file)
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
-<title>WELCOME TO THE KOHA INTRANET </title>
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
-
-<style type="text/css">
-<!--
-input{font-size:16px}
--->
-</style>
-
-<script language="JavaScript" type="text/javascript">
-<!--
-if (document.images){
-       search=new Image;
-       search.src ="<!-- TMPL_VAR NAME="themelang" -->/images/front-mouseover-search.gif"
-       members=new Image;
-       members.src ="<!-- TMPL_VAR NAME="themelang" -->/images/front-mouseover-member.gif"
-       acquisitions=new Image;
-       acquisitions.src ="<!-- TMPL_VAR NAME="themelang" -->/images/front-mouseover-acquisitions.gif"
-       reports=new Image;
-       reports.src ="<!-- TMPL_VAR NAME="themelang" -->/images/front-mouseover-reports.gif"
-       circulation=new Image;
-       circulation.src ="<!-- TMPL_VAR NAME="themelang" -->/images/front-mouseover-circulation.gif"
-       }
-//-->
-</script>
+       <title>WELCOME TO THE KOHA INTRANET </title>
+       <link rel="stylesheet" type="text/css" href="<!-- TMPL_VAR name="themelang" -->/includes/intranet-main.css">
+       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<!-- JAVASCRIPT SCRIPTS -->
+       <script language="JavaScript" type="text/javascript">
+               var IE = document.all?true:false;
+               if (!IE) document.captureEvents(Event.MOUSEMOVE)
+               document.onmousemove = getMouseXY;
+               var mouseX = 0;
+               var mouseY = 0;
+               function getMouseXY(e) {
+                       if (IE) {
+                               mouseX = event.clientX + document.body.scrollLeft;
+                               mouseY = event.clientY + document.body.scrollTop;
+                       }
+                       else {
+                               mouseX = e.pageX;
+                               mouseY = e.pageY;
+                       }  
+                       if (mouseX < 0){mouseX = 0;}
+                       if (mouseY < 0){mouseY = 0;}  
+                       return true;
+               }
+               function MM_findObj(n, d) { //v4.0
+                       var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+                       d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+                       if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+                       for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+                       if(!x && document.getElementById) x=document.getElementById(n); return x;
+               }
+               function SetOn(item) {
+                       for(i=1;i<=6;i++) {
+                               SetOff(i);
+                       }
+                       if (!(layer = MM_findObj('Hint' + item))) return;
+                       layer.style.visibility = 'visible';
+               }
+               function SetOff(item) {
+                       if (!(layer = MM_findObj('Hint' + item))) return;
+                       layer.style.visibility = 'hidden';
+               }
+       </script>
+       <script>
+       var blnOk=true;
+       function Load() {
+               if(document.body.style.backgroundColor!="") { blnOk=false; }
+               if(document.body.style.color!="") { blnOk=false; }
+               if(document.body.style.marginTop!="") { blnOk=false; }
+               if(blnOk) {
+                       for(i=1;i<=6;i++) {
+                               SetOff(i);
+                       }
+
+                       }
+               }
+       </script>
 
 </head>
-
-<body bgcolor="#99CC33" text="#000000" alink="#663366" leftmargin="0" topmargin="0" marginwidth="0">
-
-<table border="0" cellspacing="0" cellpadding="0" align="center">
-
-  <tr valign="top">
-       <td background="<!-- TMPL_VAR NAME="themelang" -->/images/koha-front-background.gif"><img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" alt="" width="1" height="42" hspace="0" vspace="0" border="0" align="left">
-       <table cellspacing=0 cellpadding=0 border="0" >
-               <!-- ROW THAT SETS THE GRID FOR THE REST OF THE TABLE -->
-               <tr valign="top">
-                       <td background=""><img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="150" height="42"
-                       alt="" hspace="0" vspace="0" ></td>
-                       <td background=""><img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="30" height="42"
-                       alt="" hspace="0" vspace="0" ></td>
-                       <td background=""><img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="25" height="42"
-                       alt="" hspace="0" vspace="0"></td>
-                       <td background=""><img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="25" height="42"
-                       alt="" hspace="0" vspace="0"></td>
-                       <td background=""><img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="30" height="42"
-                       alt="" hspace="0" vspace="0"></td>
-                       <td background=""><img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="20" height="42"
-                       alt="" hspace="0" vspace="0"></td>
-                       <td background=""><img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="20" height="42"
-                       alt="" hspace="0" vspace="0"></td>
-                       <td background=""><img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="10" height="42"
-                       alt="" hspace="0" vspace="0"></td>
-                       <td background=""><img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="10" height="42"
-                       alt="" hspace="0" vspace="0"></td>
-                       <td background=""><img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="90" height="42"
-                       alt="" hspace="0" vspace="0"></td>
-               </tr>
-
-<!-- CATALOGUE SEARCH -->
-
-               <tr valign="top">
-                       <td colspan="5"><img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" alt="" width="1" height="1" hspace="0" vspace="0"></td>
-
-                       <td colspan="5"><a href="/cgi-bin/koha/loadmodules.pl?module=search&amp;type=intranet" onMouseOver="if(document.images)document.search.src='<!-- TMPL_VAR NAME="themelang" -->/images/front-mouseover-search.gif'"              onMouseOut="if(document.images)document.search.src='<!-- TMPL_VAR NAME="themelang" -->/images/front-search.gif'"><img src="<!-- TMPL_VAR NAME="themelang" -->/images/front-search.gif" width="320" height="37" name="search" hspace="0" alt="Catalogue Search" vspace="0" border="0"></a></td>
-               </tr>
-
-
-               <tr valign="top">
-                       <td rowspan="3" align="right" colspan="5">
-                               <img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="1" height="35" alt="" hspace="0" vspace="0"><br>
-                               <img src="<!-- TMPL_VAR NAME="themelang" -->/images/koha-front-koha.gif" width="200" height="128"
-                               alt="Koha: Open Source Library System" hspace="0" vspace="0"></td>
-                       <td>&nbsp;</td>
-                       <td>&nbsp;</td>
-                       <td colspan="3">
-                <!-- TMPL_IF NAME="NOTMARC" -->
-                               <form action="/cgi-bin/koha/loadmodules.pl" method="post">
-                               <input type="hidden" name="module" value="search">
-                               <input type="hidden" name="type" value="intranet">
-                               <input type="text" name="keyword" size="27"><input type="reset" value="clr"><br>
-
-                       <font size="1" face="arial,helvetica,sans-serif" ><b>Type in the box and press the enter key.</b></font><br>
-                       <a href="/cgi-bin/koha/loadmodules.pl?module=search&amp;type=intranet">
-                       <font size="2" face="arial narrow,arial,helvetica,sans-serif">
-                       <img src="<!-- TMPL_VAR NAME="themelang" -->/images/front-arrow-purple.gif" width="27" height="22"
-                       alt="" hspace="0" vspace="0" border="0" align="middle" >Advanced Search (More Options)</a></font><br>
-                       </form>
-                 <!-- /TMPL_IF -->
-                       <img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="1" height="8" alt="" hspace="0" vspace="0"></td>
-               </tr>           
-
-               <!-- MEMBER SEARCH -->
-
-               <tr valign="top">
-                       <td>&nbsp;</td>
-                       <td colspan="4">
-                               <a href="/cgi-bin/koha/members/members-home.pl" onMouseOver="if(document.images)document.member.src='<!-- TMPL_VAR NAME="themelang" -->/images/front-mouseover-member.gif'"             onMouseOut="if(document.images)document.member.src='<!-- TMPL_VAR NAME="themelang" -->/images/front-member.gif'">
-                               <img src="<!-- TMPL_VAR NAME="themelang" -->/images/front-member.gif" width="304" height="37" alt="Member Search" name="member" hspace="0" vspace="0" border="0"></a>
-                       </td>
-
-               </tr>
-               <tr valign="top">
-                       <td>&nbsp;</td>
-                       <td>&nbsp;</td>
-                       <form action="/cgi-bin/koha/member.pl" method="post">
-
-                       <td colspan="3">
-                       <input type="text" size="27" name="member">
-                       <input type="reset" value="clr"><br>
-                       <font size="1" face="arial,helvetica,sans-serif"><b>Type in the box and press the enter key.</b></font><br>
-                       <img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="1" height="12" alt="" hspace="0" vspace="0"></td>
+<body onload="Load();">
+<div class="mainbloc">
+       <div class="image">
+               <img src="<!--TMPL_VAR name="themelang">/images/koha-front-koha.gif">
+       </div>
+       <div class="menus">
+<!-- RIGHT (disappearing) BLOC -->
+               <div id="Hint1" class="hint">
+                       <h1 class="catalogue">Catalogue</h1>
+                       <a href="/cgi-bin/koha/loadmodules.pl?module=search&marc=1&type=intranet" class="catalogue">Search catalogue</a>
+                               <p>Search a biblio. When these biblio is found, you can check it's status, reserve it, or see where it is</p>
+                       <a href="/cgi-bin/koha/bookshelves/shelves.pl" class="catalogue">Virtual shelves</a>
+                               <p>Virtual shelves can be used by librarian or patrons to build virtual libraries inside the "real" one.
+                               The virtual shelf can be used by a teacher to help its students searching informations on a specific topic.
+                               It can be used by a library to define "most valuable books for &lt;some category of patron&gt;"</p>
+                       <a href="/cgi-bin/koha/loadmodules.pl?module=addbiblio&type=intranet" class="catalogue">Add biblio</a>
+                               <p>Directly add a biblio in the library catalogue</p>
+                       <!-- TMPL_IF NAME="NOTMARC" -->
+                               <form action="/cgi-bin/koha/loadmodules.pl" method="post">
+                                       <input type="hidden" name="module" value="search">
+                                       <input type="hidden" name="type" value="intranet">
+                                       <input type="text" name="keyword" size="27">
+                                       <input type="reset" value="clr"><br>
+                                       <b>Type in the box and press the enter key.</b><br>
+                                       <a href="/cgi-bin/koha/loadmodules.pl?module=search&amp;type=intranet" class="catalogue">Advanced Search (More Options)</a><br>
+                               </form>
+                       <!-- /TMPL_IF -->
+               </div>
+               <div id="Hint2" class="hint">
+                       <h1 class="members">Members</h1>
+                       <a href="">Search</a>
+                       <form action="/cgi-bin/koha/members/member.pl" method="post">
+                               <input type="text" size="27" name="member">
+                               <input type="submit" value="OK"><br>
+                               <font size="1" face="arial,helvetica,sans-serif"><b>Type in the box and press the enter key.</b></font><br>
+                               <img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="1" height="12" alt="" hspace="0" vspace="0">
                        </form>
-               </tr>
-
- <!-- ACQUISITIONS -->
-               <tr valign="top">
-                       <td>&nbsp;</td>
-                       <td>&nbsp;</td>
-                       <td>&nbsp;</td>
-                       <td>&nbsp;</td>
-                       <td>&nbsp;</td>
-                       <td colspan="5"><A href="/cgi-bin/koha/loadmodules.pl?module=acquisitions" onMouseOver="if(document.images)document.acquisitions.src='<!-- TMPL_VAR NAME="themelang" -->/images/front-mouseover-acquisitions.gif'"              onMouseOut="if(document.images)document.acquisitions.src='<!-- TMPL_VAR NAME="themelang" -->/images/front-acquisitions.gif'"><img src="<!-- TMPL_VAR NAME="themelang" -->/images/front-acquisitions.gif" width="320" height="36" name="acquisitions" alt="Acquisitions" hspace="0" vspace="0" border="0"></a><br>
-                       <img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="1" height="12" alt="" hspace="0" vspace="0" ></td>
-
-
-               </tr>
-
-
-<!-- REPORTS -->
-               <tr valign="top">
-                       <td>&nbsp;</td>
-                       <td>&nbsp;</td>
-                       <td>&nbsp;</td>
-                       <td>&nbsp;</td>
-                       <td colspan=6> <A href="/cgi-bin/koha/reports-home.pl" onMouseOver="if(document.images)document.reports.src='<!-- TMPL_VAR NAME="themelang" -->/images/front-mouseover-reports.gif'"            onMouseOut="if(document.images)document.reports.src='<!-- TMPL_VAR NAME="themelang" -->/images/front-reports.gif'"><img src="<!-- TMPL_VAR NAME="themelang" -->/images/front-reports.gif" width="346" height="37" name="reports" alt="Accounts and Reports" hspace="0" vspace="0" border="0"></a><br>
-                       <img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="1" height="12" alt="" hspace="0" vspace="0" ></td>
-               </tr>
-
-<!-- ADMIN -->
-               <tr valign="top">
-
-                       <td>&nbsp;</td>
-                       <td>&nbsp;</td>
-                       <td>&nbsp;</td>
-                       <td colspan="7"> <a href="/cgi-bin/koha/admin-home.pl" onMouseOver="if(document.images)document.admin.src='<!-- TMPL_VAR NAME="themelang" -->/images/front-mouseover-admin.gif'"                onMouseOut="if(document.images)document.admin.src='<!-- TMPL_VAR NAME="themelang" -->/images/front-admin.gif'"><img src="<!-- TMPL_VAR NAME="themelang" -->/images/front-admin.gif" width="346" height="37" name="admin" hspace="0" vspace="0" alt="Parameters" border="0"></a><br>
-                       <img src="<!-- TMPL_VAR NAME="themelang" -->/images/holder.gif" width="1" height="12" alt="" hspace="0" vspace="0" ></td>
-               </tr>
-
-<!-- CIRCULATION -->
-               <tr valign="top">
 
-                       <td>&nbsp;</td>
-                       <td colspan="9"> <A href="/cgi-bin/koha/circ/circulation.pl" onMouseOver="if(document.images)document.circulation.src='<!-- TMPL_VAR NAME="themelang" -->/images/front-mouseover-circulation.gif'"              onMouseOut="if(document.images)document.circulation.src='<!-- TMPL_VAR NAME="themelang" -->/images/front-circulation.gif'"><img src="<!-- TMPL_VAR NAME="themelang" -->/images/front-circulation.gif" width="346" height="37" name="circulation" alt="Circulation" hspace="0" vspace="0" border="0"></a>
-                       </td>
-               </tr>
-       </table>
-       </td>
-</tr>
-</table>
+                       <a href="/cgi-bin/koha/members/members-home.pl" class="members">Member home</a>
+                       <p>Go to the main member page</p>
+                       <a href="/cgi-bin/koha/members/memberentry.pl?actionType=Add" class="members">Add member</a>
+                       <p>Add a member in the library. The member can be attached to any branch of the library. It can also have childrens.</p>
+                       <a href="/cgi-bin/koha/members/memberentry.pl?categorycode=I&actionType=Add" class="members">Add organisation</a>
+                       <p>Add an organisation in the library. This member doesn't have some information a "physical" member has.</p>
+               </div>
+               <div id="Hint3" class="hint">
+                       <h1 class="acquisition">Acquisitions</h1>
+                       Order items, recieve orders, set budgets...
+               </div>
+               <div id="Hint4" class="hint">
+                       <h1 class="reports">Reports</h1>
+                       All the system reports
+               </div>
+               <div id="Hint5" class="hint">
+                       <h1 class="parameters">Parameters</h1>
+                       Alter Koha System preferences
+               </div>
+               <div id="Hint6" class="hint">
+                       <h1 class="circulation">Circulation</h1>
+                       Work at the front desk on Issues and returns using only a barcode reader and a mouse
+               </div>
+<!-- MAIN MENU -->
+               <a href="/cgi-bin/koha/loadmodules.pl?module=search&amp;type=intranet" class="catalogue" onMouseOver="SetOn(1);">Catalogue</a><br/>
+               
+               <a href="/cgi-bin/koha/members/members-home.pl" class="members" onMouseOver="SetOn(2);">Members</a><br/>
+               
+               <a href="/cgi-bin/koha/loadmodules.pl?module=acquisitions" class="acquisition" onMouseOver="SetOn(3);">Acquisitions</a><br/>
+               
+               <a href="/cgi-bin/koha/reports-home.pl" class="reports" onMouseOver="SetOn(4);">Reports</a><br/>
+               
+               <a href="/cgi-bin/koha/admin-home.pl" class="parameters" onMouseOver="SetOn(5);">Parameters</a><br/>
+               
+               <a href="/cgi-bin/koha/circ/circulation.pl" class="circulation" onMouseOver="SetOn(6);">Circulation</a><br/>
+       </div>
+</div>
 </body>
 </html>