Team:Grenoble/Templates/Team:Grenoble V02
From 2011.igem.org
(Difference between revisions)
JeanBaptiste (Talk | contribs) |
BouGeo7314 (Talk | contribs) |
||
(86 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang=" | + | <!-- |
- | + | Maxime: J'ai remis à jour ce fichier (j'en ai une sauvegarde si qqun en a besoin, elle est à la même adresse mais avec V03 au lieu de V02) j'ai refait l'indentation plus proprement. | |
+ | |||
+ | Pour éditer proprement et simplement le wiki, j'utilise Geany. Il suffit de copier tout ce qui est ici et de l'enregistrer avec une extension .html | ||
+ | |||
+ | Il faut décommenter les deux lignes: | ||
+ | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" | ||
+ | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
+ | |||
+ | Ensuite dans Geany on appuie sur "F5" pour voir la page dans un navigateur, tout apparaît sauf la bannière Team:Grenoble, c'est normal mais je ne sais pas pourquoi ^^ | ||
+ | |||
+ | Les lignes qu'on décommente pour observer le résultat dans un navigateur doivent être remises en commentaire quand on copie dans le wiki ! | ||
+ | |||
+ | Je m'occuperai de rendre un peu plus joli le code des autres pages bientôt (faut que je ferme les balises qui ne le sont pas, j'avais ouvert des <p> sans les fermer). | ||
+ | --> | ||
+ | |||
+ | <!-- | ||
+ | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" | ||
+ | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
+ | --> | ||
+ | |||
+ | <!-- | ||
+ | Ce qui suit doit être mis dans le wiki: | ||
+ | --> | ||
+ | |||
+ | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | ||
+ | |||
+ | <head> | ||
+ | <title>Grenoble</title> | ||
+ | <meta http-equiv="content-type" content="text/html;charset=utf-8" /> | ||
+ | <meta name="generator" content="Geany 0.19.1" /> | ||
<style> | <style> | ||
Line 25: | Line 54: | ||
- | img { | + | img.blabla { |
width:100%; | width:100%; | ||
Line 32: | Line 61: | ||
} | } | ||
- | |||
- | + | li.bg, .bg { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | clear:both; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | border-bottom:1px dashed #818181; | |
- | + | ||
- | + | ||
- | + | padding:0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | margin:10px 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | background:none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | list-style:none; | |
- | + | ||
- | + | ||
- | + | } | |
- | + | p.clr, .clr { | |
- | + | clear:both; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | padding:0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | margin:0; | ||
- | + | } | |
- | |||
- | + | .logo { | |
- | + | margin:0; | |
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | h1 { | |
- | + | margin:0; | |
- | + | padding:30px 0 30px 32px; | |
- | + | color:#5c5c5c; | |
- | + | font:bold 45px/1.1em Arial, Helvetica, sans-serif; | |
- | + | text-transform:uppercase; | |
- | </div> | + | letter-spacing:-3px; |
+ | |||
+ | } | ||
+ | |||
+ | h1 a, h1 a:hover { | ||
+ | |||
+ | color:#5c5c5c; | ||
+ | |||
+ | text-decoration:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | h1 span { | ||
+ | |||
+ | font-weight:bold; | ||
+ | |||
+ | color:#8fc400; | ||
+ | |||
+ | } | ||
+ | |||
+ | h1 small { | ||
+ | |||
+ | font:normal 13px/1.2em Arial, Helvetica, sans-serif; | ||
+ | |||
+ | color:#888; | ||
+ | |||
+ | letter-spacing:normal; | ||
+ | |||
+ | } | ||
+ | |||
+ | .menu { | ||
+ | |||
+ | padding:4px 2px 2px 2px; | ||
+ | |||
+ | margin:0; | ||
+ | |||
+ | width:100%; | ||
+ | |||
+ | float:left; | ||
+ | |||
+ | } | ||
+ | |||
+ | .menu ul { | ||
+ | |||
+ | padding:0; | ||
+ | |||
+ | margin:0; | ||
+ | |||
+ | list-style:none; | ||
+ | |||
+ | border:0; | ||
+ | |||
+ | float:left; | ||
+ | |||
+ | } | ||
+ | |||
+ | .menu ul li { | ||
+ | |||
+ | float:left; | ||
+ | |||
+ | margin:0; | ||
+ | |||
+ | padding:0 5px; | ||
+ | |||
+ | border:0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .menu ul li a { | ||
+ | |||
+ | float:left; | ||
+ | |||
+ | margin:0; | ||
+ | |||
+ | padding:20px 0; | ||
+ | |||
+ | color:#5c5c5c; | ||
+ | |||
+ | font:bold 30px Arial, Helvetica, sans-serif; | ||
+ | |||
+ | text-decoration:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .menu ul li a span { | ||
+ | |||
+ | padding:20px 10px; | ||
+ | |||
+ | background:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .menu ul li a:hover { | ||
+ | |||
+ | color:#8bbe43; | ||
+ | |||
+ | background:url(images/r_menu.gif) no-repeat right; | ||
+ | |||
+ | } | ||
+ | |||
+ | .menu ul li a:hover span { | ||
+ | |||
+ | color:#8bbe43; | ||
+ | |||
+ | background:url(images/l_menu.gif) no-repeat left; | ||
+ | |||
+ | } | ||
+ | |||
+ | .menu ul li a.active { | ||
+ | |||
+ | color:#8bbe43; | ||
+ | |||
+ | background:url(images/r_menu.gif) no-repeat right; | ||
+ | |||
+ | } | ||
+ | |||
+ | .menu ul li a.active span { | ||
+ | |||
+ | color:#8bbe43; | ||
+ | |||
+ | background:url(images/l_menu.gif) no-repeat left; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .body { | ||
+ | |||
+ | margin:0; | ||
+ | |||
+ | padding:0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .body h2 { | ||
+ | |||
+ | font:bold 24px Arial, Helvetica, sans-serif; | ||
+ | |||
+ | color:#323a3f; | ||
+ | |||
+ | padding:10px 5px; | ||
+ | |||
+ | margin:5px 2px 12px 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .body h1 { | ||
+ | |||
+ | font:bold 34px Arial, Helvetica, sans-serif; | ||
+ | |||
+ | color:#323a3f; | ||
+ | |||
+ | padding:10px 5px; | ||
+ | |||
+ | margin:5px 2px 12px 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .body h3 { | ||
+ | |||
+ | font:bold 24px Arial, Helvetica, sans-serif; | ||
+ | |||
+ | color:#323a3f; | ||
+ | |||
+ | padding:10px 5px; | ||
+ | |||
+ | margin:5px 0 10px 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .body h3 span.vert{ | ||
+ | |||
+ | color:#8fc400; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .body h2 span { | ||
+ | |||
+ | float:right; | ||
+ | |||
+ | color:#959595; | ||
+ | |||
+ | font:normal 12px Arial, Helvetica, sans-serif; | ||
+ | |||
+ | } | ||
+ | |||
+ | .body p { | ||
+ | |||
+ | font:normal 12px Arial, Helvetica, sans-serif; | ||
+ | |||
+ | color:#5f5f5f; | ||
+ | |||
+ | padding:5px; | ||
+ | |||
+ | margin:0; | ||
+ | |||
+ | line-height:1.8em; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .body img { | ||
+ | |||
+ | float:left; | ||
+ | |||
+ | padding:0; | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .body img.icon { | ||
+ | |||
+ | margin: 15px 5px 2px 0; | ||
+ | |||
+ | width:80px; | ||
+ | |||
+ | height:auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .body img.floated { | ||
+ | |||
+ | float:right; | ||
+ | |||
+ | margin:5px 10px 5px 0; | ||
+ | |||
+ | padding:0; | ||
+ | |||
+ | width:auto; | ||
+ | |||
+ | height:auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .body a { | ||
+ | |||
+ | color:#97c950; | ||
+ | |||
+ | text-decoration:underline; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .body h2.lien:hover{ | ||
+ | |||
+ | background-color: #D8FFC8; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .left { | ||
+ | |||
+ | float:left; | ||
+ | |||
+ | width:65%; | ||
+ | |||
+ | margin:40px 0px 10px 25px; | ||
+ | |||
+ | padding: 0 25px; | ||
+ | |||
+ | background:url(images/l_bg.gif) top left no-repeat; | ||
+ | |||
+ | } | ||
+ | |||
+ | .right { | ||
+ | |||
+ | |||
+ | |||
+ | float:right; | ||
+ | |||
+ | width:20%; | ||
+ | |||
+ | margin:40px 10px 0 0; | ||
+ | |||
+ | padding:0 25px; | ||
+ | |||
+ | background:url(images/r_bg.gif) top center no-repeat; | ||
+ | |||
+ | } | ||
+ | |||
+ | .right ul { | ||
+ | |||
+ | list-style:none; | ||
+ | |||
+ | margin:5px 0; | ||
+ | |||
+ | padding:0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .right li { | ||
+ | |||
+ | background:10px 10px no-repeat; | ||
+ | |||
+ | font:normal 14px Arial, Helvetica, sans-serif; | ||
+ | |||
+ | color:#464646; | ||
+ | |||
+ | padding:5px 0; | ||
+ | |||
+ | margin:3px 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .right li a { | ||
+ | |||
+ | padding:0 0 0 5px; | ||
+ | |||
+ | margin:0; | ||
+ | |||
+ | font:bold 17px Arial, Helvetica, sans-serif; | ||
+ | |||
+ | color:#5f5f5f; | ||
+ | |||
+ | text-decoration:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .right li a:hover { | ||
+ | |||
+ | color:#97c950; | ||
+ | |||
+ | margin:5px; | ||
+ | |||
+ | /*background-color:#a2cd9a;*/ | ||
+ | |||
+ | text-decoration:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .right ul.sponsors { | ||
+ | |||
+ | list-style:none; | ||
+ | |||
+ | margin:5px 0; | ||
+ | |||
+ | padding:0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .right li.sponsors { | ||
+ | |||
+ | background:none; | ||
+ | |||
+ | font:normal 12px Arial, Helvetica, sans-serif; | ||
+ | |||
+ | color:#5f5f5f; | ||
+ | |||
+ | padding:8px 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .right li.sponsors a { | ||
+ | |||
+ | padding:0 0 0 0px; | ||
+ | |||
+ | margin:0; | ||
+ | |||
+ | font:normal 13px Arial, Helvetica, sans-serif; | ||
+ | |||
+ | color:#97c950; | ||
+ | |||
+ | text-decoration:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .right li.sponsors strong { | ||
+ | |||
+ | color:#97c950; | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <div class="menu"> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Grenoble">Home</a></li> | ||
+ | <li><a href="/Team:Grenoble/The_Team/">The Team</a></li> | ||
+ | <li><a href="/Team:Grenoble/Grenoble">Project</a></li> | ||
+ | <li><a href="/Team:Grenoble/Notebook">Notebook</a></li> | ||
+ | <li><a href="/Team:Grenoble/Safety">Safety</a></li> | ||
+ | <li><a href="/Team:Grenoble/HumanPractice">Human Practice</a></li> | ||
+ | <li><a href="/Team:Grenoble/Sponsors">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!-- Au-dessus : le code pour le header et la bannière + menu --> | ||
+ | |||
+ | <!-- En-dessous : Le sidebar menu, à droite --> | ||
+ | |||
+ | <div class="body" id="arf" > | ||
+ | |||
+ | <div class="right"> | ||
- | </div> | + | <h3><span class="vert">TEAM:</span>Grenoble</h3> |
+ | <ul> | ||
+ | <li><a href="/Team:Grenoble">Home</a></li> | ||
+ | <li><a href="/Team:Grenoble/The_Team/">The Team</a></li> | ||
+ | <li><a href="/Team:Grenoble/Grenoble">Project</a></li> | ||
+ | <li><a href="/Team:Grenoble/Notebook">Notebook</a></li> | ||
+ | <li><a href="/Team:Grenoble/Safety">Safety</a></li> | ||
+ | <li><a href="/Team:Grenoble/HumanPractice">Human Practice</a></li> | ||
+ | <li><a href="/Team:Grenoble/Sponsors">Sponsors</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <h3><span class="vert">Our</span> Sponsors</h3> | ||
+ | <a href="https://2011.igem.org/Team:Grenoble/Sponsors"><img src="https://static.igem.org/mediawiki/2011/c/c8/Logosright.png"\></a> | ||
+ | <br/> | ||
+ | |||
+ | <h3><span class="vert">Event</span> Calendar</h3> | ||
+ | |||
+ | <p> | ||
+ | <ul> | ||
+ | <li>2nd September:</li> | ||
+ | </ul> | ||
+ | <a href="http://www.minatec.com/midis">Conference Midi Minatec,</a> | ||
+ | <br /> | ||
+ | 3 parvis Louis Néel<br /> | ||
+ | 38 000 GRENOBLE<br /> | ||
+ | FRANCE | ||
+ | </p> | ||
+ | |||
+ | |||
+ | <h3><span class="vert">Contact</span> Us</h3> | ||
+ | |||
+ | <h3> | ||
+ | <a title="Geoffrey BOUCHAGE" href="mailto:geoffrey.bouchage@phelma.grenoble-inp.fr"> Clic here !</a> | ||
+ | </h3> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <!-- Le corps du site, ce qui ne fera pas partie du template : --> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | ||
- | + | <script type="text/javascript"> | |
- | document.getElementById(' | + | var s = document.getElementById('arf'); |
+ | var w = screen.width; | ||
+ | //alert(screen.width); | ||
+ | //alert(s); | ||
+ | var r = (w/3097)*452 + 192; | ||
+ | //alert(r); | ||
+ | var str = String(r)+"px"; | ||
+ | //alert(str); | ||
+ | s.style.top = str; | ||
</script> | </script> | ||
- | </body> | + | |
+ | <script type="text/javascript"> | ||
+ | var hones = document.getElementsByTagName('h1'); | ||
+ | hones[0].innerHTML = '<span>Team:</span>Grenoble v0.2<br/><small>In Tartiflette we trust</small>'; | ||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | document.getElementById('p-logo').innerHTML = '<a href=\"/Main_Page\" title=\"Main Page\"> <img class=\"blabla\" src=\'http://farm4.static.flickr.com/3067/3084131521_36c059f6f0_b.jpg\'> </a>' | ||
+ | </script> | ||
+ | |||
+ | |||
+ | </body> | ||
+ | |||
</html> | </html> |
Latest revision as of 15:06, 24 July 2011
TEAM:Grenoble
Our Sponsors
Event Calendar
- 2nd September:
3 parvis Louis Néel
38 000 GRENOBLE
FRANCE