Team:Paris/Sandbox

From 2008.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 24: Line 24:
#menu li a {
#menu li a {
padding: 4px 20px;
padding: 4px 20px;
-
/*background: #c00;*/
 
-
color: black;
 
-
/*border: 1px solid #600;*/
 
font: 2em "Trebuchet MS",Arial,sans-serif;
font: 2em "Trebuchet MS",Arial,sans-serif;
-
/*line-height: 1em;*/
 
-
text-align: center;
 
text-decoration: none;
text-decoration: none;
 +
/*
 +
text-align: center;
 +
color: black;
 +
background: #c00;
 +
border: 1px solid #600;
 +
line-height: 1em;
 +
*/
}
}
#menu li a:hover, #menu li a:focus, #menu li a:active {
#menu li a:hover, #menu li a:focus, #menu li a:active {
-
background: #900;
+
color:white;
 +
background: blue;
text-decoration: underline;
text-decoration: underline;
}
}
#menu a:after {
#menu a:after {
-
width: 23px;
+
background: url(https://static.igem.org/mediawiki/2008/4/41/Arrow.png) no-repeat;
-
padding: 0 23px 0 0;
+
-
background: white url(https://static.igem.org/mediawiki/2008/4/41/Arrow.png) 0 0;
+
content: "";
content: "";
 +
padding: 0 25px 0 0;
 +
/*height: 25px; width: 25px;*/
}
}
-
#menu a:hover:after {
+
#menu li:last-child a:after {
-
background: white url(droite.jpg) 23px 0;
+
width: 0;
 +
padding: 0;
 +
background: none;
}
}
-
 
pre {font-size: 1.2em}
pre {font-size: 1.2em}
Line 90: Line 94:
|-valign="top"
|-valign="top"
|style="background:#ffffff"|
|style="background:#ffffff"|
 +
 +
<html>
 +
<style>
 +
#links {
 +
float: right;
 +
margin: 1em;
 +
border: dotted 1px #69c;
 +
width: 13em;
 +
background: #fff;
 +
}
 +
</style>
 +
<div id="links">
 +
<ul>
 +
<li><a href="https://2008.igem.org/Team:Paris/Analysis/page1">Page 1</a></li>
 +
<li><a href="https://2008.igem.org/Team:Paris/Analysis/page2">Page 2</a></li>
 +
<li><a href="https://2008.igem.org/Team:Paris/Analysis/page3">Page 3</a></li>
 +
<li><a href="https://2008.igem.org/Team:Paris/Analysis/page4">Page 4</a></li>
 +
</ul>
 +
</div>
 +
<script>
 +
function showTocToggle() {
 +
    if (document.createTextNode) {
 +
        var linkHolder = document.getElementById("toctitle");
 +
        if (!linkHolder) {
 +
            return;
 +
        }
 +
        var outerSpan = document.createElement("span");
 +
        outerSpan.className = "toctoggle";
 +
        var toggleLink = document.createElement("a");
 +
        toggleLink.id = "togglelink";
 +
        toggleLink.className = "internal";
 +
        toggleLink.href = "javascript:toggleToc()";
 +
        toggleLink.appendChild(document.createTextNode(tocHideText));
 +
        outerSpan.appendChild(document.createTextNode("["));
 +
        outerSpan.appendChild(toggleLink);
 +
        outerSpan.appendChild(document.createTextNode("]"));
 +
        linkHolder.appendChild(document.createTextNode(" "));
 +
        linkHolder.appendChild(outerSpan);
 +
        var cookiePos = document.cookie.indexOf("hidetoc=");
 +
        <!--if (cookiePos > -1 && document.cookie.charAt(cookiePos + 8) == 1) {
 +
            toggleToc();
 +
        }-->
 +
    }
 +
}
 +
</html>
 +
 +
 +
http://css.alsacreations.com/Construction-de-menus-en-CSS/Faire-un-menu-avec-onglets-en-CSS-avec-before-after
 +
 +
__TOC__
 +
 +
 +
=A=
 +
==Aa==
 +
==Ab==
 +
=B=
 +
=C=
 +
=D=
 +
==Da==
 +
==Db==
 +
===Db1===
 +
===Db2===
 +
===Db3===
 +
=E=

Latest revision as of 07:29, 30 October 2008




A

Aa

Ab

B

C

D

Da

Db

Db1

Db2

Db3

E