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

From 2014.igem.org

(Difference between revisions)
m
Line 622: Line 622:
</td>
</td>
-
<td colspan="3" style="
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000"> <div id="monmenu">
-
  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> 
+
-
 
+
-
<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:#8b8b8b;  
-
     background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" >
+
     background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">  
-
<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 643: Line 635:
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
     background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
     background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
-
    background : linear-gradient(#a9a9a9, #7a7a7a);
 
     border-top: 2px solid #939393;
     border-top: 2px solid #939393;
     position: relative;
     position: relative;
     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">
+
<a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style="color:#000000"> <div id="monmenu">
-
        <ul height="100%" id="menu-demo2">
+
    <ul height="100%" id="menu-demo2">
-
        <li  style="background-color:transparent;  
+
    <li  style="background-color:#8b8b8b;  
-
     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">
+
     background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">
-
    Safety</a>  
+
    Safety <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
-
</td>
+
    <ul >
 +
<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="  

Revision as of 09:22, 1 September 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"