Template:Lyon-INSA-ENS/menuhorizontalFrProject

From 2011.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
{{Lyon-INSA-ENS/header}}
{{Lyon-INSA-ENS/header}}
<html>
<html>
-
 
-
 
<style type="text/css";>
<style type="text/css";>
-
.firstHeading{background-image: url(https://static.igem.org/mediawiki/2011/e/ef/Lyon_nuit_test_header.jpg); background-repeat: no repeat;}
+
.firstHeading{background-image: url(https://static.igem.org/mediawiki/2011/d/d0/Projet.jpg); background-repeat: no repeat;}
</style>
</style>
 +
<style type="text/css">
-
<script type="text/javascript">
+
/* Menu from http://www.sohtanaka.com/web-design/examples/horizontal-subnav/ */
-
    function bgoffContactUs(object) {
+
-
        if (document.getElementById)
+
-
        document.getElementById(object).background-image = 'url(https://static.igem.org/mediawiki/2011/e/ef/Lyon_nuit_test_header.jpg)';
+
-
        }
+
-
    function bgonContactUs(object) {
+
-
        if (document.getElementById)
+
-
        document.getElementById(object).background-image = 'url(https://static.igem.org/mediawiki/2011/f/f5/Bandeau-contact-us-INSA-ENS.png)';
+
-
        }
+
-
</script>
+
-
 
+
-
 
+
-
<style type="text/css">
+
 +
#tab_nav {
 +
position: absolute;
 +
        margin-top:-50px;
z-index: 1000;
z-index: 1000;
}
}
Line 39: Line 29:
border-right: 1px solid #555;
border-right: 1px solid #555;
         height: 35px;
         height: 35px;
-
 
}
}
ul#topnav li a {
ul#topnav li a {
-
padding: 10px 15px;
+
padding: 10px 10px;
-
font-weight: bold;
+
font-weight :bold;
display: block;
display: block;
color: #f0f0f0;
color: #f0f0f0;
Line 64: Line 53:
ul#topnav li span {
ul#topnav li span {
float: left;
float: left;
-
padding: 10px 0 7px 0;
+
padding: 5px 0 3px 0;
position: absolute;
position: absolute;
left: 0; top:30px;
left: 0; top:30px;
Line 95: Line 84:
text-decoration: none;
text-decoration: none;
         background:#666666;
         background:#666666;
-
 
 
}
}
 +
</style>
-
</style>
 
Line 107: Line 95:
       <li><a href="/Team:Lyon-INSA-ENS/HomeFr">Accueil</a></li>
       <li><a href="/Team:Lyon-INSA-ENS/HomeFr">Accueil</a></li>
       <li id="actif"><U>Projet</U></li>
       <li id="actif"><U>Projet</U></li>
-
       <li> <a href="/Team:Lyon-INSA-ENS/Realisation/MainFr"> Réalisation</a>
+
       <li> <a href="/Team:Lyon-INSA-ENS/Safety/IntroFr"> Sécurité </a>
-
       <li> <a href="/Team:Lyon-INSA-ENS/Safety/MainFr"> Sécurité </a>
+
       <li><a href="/Team:Lyon-INSA-ENS/Team/About_usFr">Nous connaître</a></li>
-
       <li><a href="/Team:Lyon-INSA-ENS/Team/About_usFr">A propos de Nous</a></li>
+
       <li><a href="/Team:Lyon-INSA-ENS/Notebook/MainFr">Carnet de bord</a></li>
       <li><a href="/Team:Lyon-INSA-ENS/Communication/MainFr">Communication</a></li>
       <li><a href="/Team:Lyon-INSA-ENS/Communication/MainFr">Communication</a></li>
-
       <li><a href="/Team:Lyon-INSA-ENS/SponsorsFr">Sponsors</a></li>
+
       <li><a href="/Team:Lyon-INSA-ENS/SponsorsFr">Partenaires</a></li>
       <div class="test" onmouseover="bgonContactUs('firstHeading')" onmouseout="bgoffContactUs('firstHeading')">
       <div class="test" onmouseover="bgonContactUs('firstHeading')" onmouseout="bgoffContactUs('firstHeading')">
       <li><a href="/Team:Lyon-INSA-ENS/ContactFr">Nous contacter</a></li>
       <li><a href="/Team:Lyon-INSA-ENS/ContactFr">Nous contacter</a></li>

Latest revision as of 23:18, 21 September 2011