Template:Http://2014.igem.org/Team:ULB-Brussels/Template

From 2014.igem.org

(Difference between revisions)
Line 614: Line 614:
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>   
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>   
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Human"style="color:#000000"> <div id="monmenu">
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Human"style="color:#000000">
         <ul height="100%" id="menu-demo2">
         <ul height="100%" id="menu-demo2">
-
<li  style="background-color:transparent;  
+
        <li  style="background-color:transparent;  
-
     background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">
+
     background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="https://2014.igem.org/Team:ULB-Brussels/Human" style="color:#000000">
-
    Human Practice <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
+
    Human Practice</a>  
-
<ul >
+
</td>
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Human"style="color:#000000">BGF Festival</a></li>
+
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Human/MissionBGF"style="color:#000000">Game Rules</a></li>
+
-
</ul></td>
+
-
 
+
-
<td colspan="3" style="
+
-
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
-
    background : linear-gradient(#a9a9a9, #7a7a7a);
+
-
    border-top: 2px solid #939393;
+
-
    position: relative;
+
-
    margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>
+
<td colspan="3" style="  
<td colspan="3" style="  
Line 642: Line 630:
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>   
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>   
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000"> <div id="monmenu">
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000">
         <ul height="100%" id="menu-demo2">
         <ul height="100%" id="menu-demo2">
-
<li  style="background-color:transparent;
+
        <li  style="background-color:transparent;  
-
     background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">
+
     background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="https://2014.igem.org/Team:ULB-Brussels/Parts" style="color:#000000">
-
    Parts </a>
+
    Parts</a>  
-
    <ul >
+
</td>
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000">Bricks</a></li>
+
-
</ul></td>
+
<td colspan="3" style="  
<td colspan="3" style="  
Line 660: Line 646:
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>   
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>   
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style="color:#000000"> <div id="monmenu">
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style="color:#000000">
-
    <ul height="100%" id="menu-demo2">
+
        <ul height="100%" id="menu-demo2">
-
    <li  style="background-color:transparent;
+
        <li  style="background-color:transparent;  
-
     background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">
+
     background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="https://2014.igem.org/Team:ULB-Brussels/Safety" style="color:#000000">
-
    Safety <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
+
    Safety/a>  
-
    <ul >
+
</td>
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style="color:#000000">Safe Mighty</a></li>
+
-
</ul></td>
+
<td colspan="3" style="  
<td colspan="3" style="  
Line 699: Line 683:
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>   
     margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>   
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Sponsors"style="color:#000000"> <div id="monmenu">
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Sponsors"style="color:#000000">
         <ul height="100%" id="menu-demo2">
         <ul height="100%" id="menu-demo2">
-
<li  style="background-color:transparent;  
+
        <li  style="background-color:transparent;  
-
     background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">
+
     background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="https://2014.igem.org/Team:ULB-Brussels/Sponsors" style="color:#000000">
-
    Sponsors <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
+
    Sponsors</a>  
-
    <ul >
+
</td>
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Sponsors"style="color:#000000">Support Us</a></li>
+
-
</ul></td>
+

Revision as of 12:04, 31 August 2014

Example of a hierarchical menu in CSS

carousel slider




$Scientia$ $Vincere$ $Tenebras$ - $\small Université$ $\small Libre$ $\small de$ $\small Bruxelles$


Retrieved from "http://2014.igem.org/Template:Http://2014.igem.org/Team:ULB-Brussels/Template"