Les MicroFormateurs
Template Edit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="fr" dir="ltr" lang="fr"><head>
<title>{WikiName}: {PageName}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="creation-timestamp" content="{Insert:DateCreation}">
<style type="text/css" media="screen"> /* BODY */ body {
padding: 0;
margin: 0;
background-color: {Insert:BackgroundColor;#666};
color:{Insert:ColorText;#222};
font:62.5%/1.5 verdana, arial, sans-serif;
text-align: center;
}
- wrapper {
- header {
- header #logo {
- header #logo div.inner {margin-top: 10px;margin-left: 40px;}
- header h1 {
width: {Insert:DemiBodyWidth;450px};
overflow: hidden;
font-size: 30px;
line-height: 30px;
letter-spacing: -2px;
background-color: {Insert:ContentBackgroundColor;#FFF};
color: #ddd;
}
#header h1 span.inner { display:block; padding: 70px 20px 0 0;}
/* NAV - top horizontal nav */
- nav {
- nav{
border-bottom: 5px solid {Insert:ColorBlack;#000};
border-top: 5px solid {Insert:ColorBlack;#000};
font-weight:bold;
height:2em;
font: bold 1.2em arial;
line-height: 2em;
padding: 0 0 0 40px;
}
- nav p {margin: 0;}
- nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
margin : 0px 15px ; line-height: 2em;}
- nav a:hover, #nav a:active, a:hover{
- container {
padding: 0; margin: 0;}
- container div.inner {padding: 40px ;}
- footer {
ol {margin: .5em .5em 1.5em} ol li { margin-left: 1.4em; padding-left: 0; background: none; list-style-type: decimal; } li { line-height: 1.4em; margin-left: 0px; padding: 0; } dl {margin: 0;} dt {font-weight:bold; margin-top: 1.3em} dl dl {margin: 0 0 1.5em 30px;} /* LINKS */ a:hover, a:active {text-decoration: underline; } a.nav:hover { text-decoration: none;} h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { color:{Insert:ColorText;#222}; text-decoration:none; } h1 a:visited , h2 a:visited , h3 a:visited , h4 a:visited {color:{Insert:ColorText;#222}}
/* FORMS */ form {margin: 0 0 1.5em; text-align: center;} input {font-family: arial,verdana,sans-serif;margin: 2px 0;} textarea {background-color: #FFFFCC;margin-bottom: 2em;height: 80%;} /* TYPOGRAPHY */ p, ul, ol { margin: 0 0 1.5em;} h1, h2, h3, h4, h5, h6 { letter-spacing: -1px; font-family: arial,verdana,sans-serif; margin: 0 0 .2em; color:{Insert:ColorBlack;#000}; padding:20px 0 .1em} h2 br {display:none;} h1 {font-size: 2.4em;} h2 {font-size: 2.2em;text-align:center;} h3 {font-size: 1.8em;} h4 {font-size: 1.4em;} h5 {font-size: 1.3em;} h6 {font-size: 1.2em;} small {font-size:11px} h1 br {display:none;}
/* GENERAL */ img {border:none} hr { margin: 1em 0; background:#f2f2f2; height:1px; color:#f2f2f2; border:none; clear:left; } .clear { clear:both; position:relative; font-size:0px; height:0px; line-height:0px}
/* TOOLS */ /* For IE for Windows \*/
- html{
width: 100%; height: 100%; overflow: hidden; }
- html body{
width: 100%; height: 100%; overflow: auto; }/* fixed */
- tools {
position: fixed;
text-align: center;
left: 0px;
bottom: 0px;
height: 28px;
min-height: 28px;
margin: 0px;
width: 100%;
background-color: {Insert:ColorText;#222};
border-top: 3px solid {Insert:ColorBlack;#000} ;
overflow: hidden;
z-index:1000;
}
- html #tools{
position: absolute; top:expression(body.scrollTop + document.body.clientHeight - 28 + "px"); left: 0px; height: 28px; margin: 0px; width: 100%; }
- tools p {
font-size: 2px;
color:{Insert:ColorText;#222};
}
- tools a.nav {
color: {Insert:ContentBackgroundColor;#FFF};
font-size: 12px;
font-weight: bold;
text-decoration: none;
line-height: 26px;
margin: 0 5px 0 5px;
padding: 0 5px 0 5px;
border: 1px solid {Insert:ContentBackgroundColor;#FFF};
}
- tools a.nav:hover { color: {Insert:ColorHover;#F60};}
- tools p br {display: none; }
/* only IE mac will see this */
- >html #tools {p\osition: static; b\order: 0px;}/*ie mac*/
- >html #nav {heigh\t: 3em;}/*ie mac*/
</head><body> <div id="tools"><p>{EditBar}</p></div> <div id="wrapper">
<div id="header"> <div id="logo"><div class="inner"><img src="{Insert:LogoFileName}"></div></div>
<h1><span class="inner">{Insert:WorkspaceName}</span></h1>
</div>
<div id="nav"><p>{LinkBarTextHor}</p></div>
<div id="container"> <div class="inner"> <h2>{PageTitle}{PageTitleComment}</h2> {PageText} </div> <div id="footer"> <div id="copyright">{WikiCopyright}</div> </div> </div><!--/container--> </div><!--/wrapper--> </body> </html>
| Les Microformats sont des conventions pour baliser des données couramment rencontrées (comme des liens, de l'information de contact et des événements calendaires) dans des langages établis comme le HTML. En utilisant des layouts standardisés, des classes CSS et des valeurs d'attribut, l'information devient plus accessible et plus utile tant pour les humains que les ordinateurs. Cliquez ici pour en savoir plus.
|
Pourquoi ce site ?
EnoncéMission
Sites officiels
le site officiel (en)
la page d'accueil du wiki (fr)
Expérimental
le Blog (gouvernance de ce wiki)
Utilitaires
hCard creator
hCalendar creator
hResume creator
Wiki-Node
WikiNode:microformats
Tests
BacASable
Contact
ChristopheDucamp
Administration Locale
Editer la barre latérale