Editer le texte de cette page (date de la dernière modification: 7 Avril, 2007 15:46 (diff))

Template Edit

Différence (dernière modification) (Edité, Auteur, affichage normal de la page)

Ajouté: 0a1,245
<!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 {
text-align: left;
font-size:1.2em;
margin: 0px auto;
padding: 0px;
border:0;
width: {Insert:BodyWidth;900px};
background-color: {Insert:ContentBackgroundColor;#FFF};
}
/* LAYOUT - HEADER */
#header {
margin: 0;
background: {Insert:ContentBackgroundColor;#FFF};
height: 120px;
}
#header #logo {
float: left;
width: {Insert:DemiBodyWidth;450px};
}
#header #logo div.inner {margin-top: 10px;margin-left: 40px;}
#header h1 {
float: right;
text-align: right;
margin: 0;
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 {
clear: both;
margin: 0;
background:{Insert:ContentBackgroundColor;#FFF};
}
#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 {
text-decoration:none;
color:{Insert:ColorBlack;#000};
display: inline;
padding: 0px ;
margin : 0px 15px ;
line-height: 2em;
}
#nav a:hover, #nav a:active, a:hover{
color: {Insert:ColorHover;#F60};
}

#container {
padding: 0;
margin: 0;
}
#container div.inner {padding: 40px ;}
#footer {
clear: both;
background: {Insert:ContentBackgroundColor;#FFF};
height: 20px;
text-align:center;
padding-bottom: 30px;
border-top: 1px solid {Insert:ColorBlack;#000};
}
/* LISTS */
ul {
display: block;
margin: .3em 0 1.5em 0;
padding: 0;
list-style-type:none;
}


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*/

</style>

</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>
<!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;
}
  1. wrapper {
text-align: left; font-size:1.2em; margin: 0px auto; padding: 0px; border:0; width: {Insert:BodyWidth;900px}; background-color: {Insert:ContentBackgroundColor;#FFF}; } /* LAYOUT - HEADER */
  1. header {
margin: 0; background: {Insert:ContentBackgroundColor;#FFF}; height: 120px; }
  1. header #logo {
float: left; width: {Insert:DemiBodyWidth;450px}; }
  1. header #logo div.inner {margin-top: 10px;margin-left: 40px;}
  2. header h1 {
float: right; text-align: right; margin: 0; 
 		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 */
  1. nav {
clear: both; margin: 0; background:{Insert:ContentBackgroundColor;#FFF}; }
  1. 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; 
 }
  1. nav p {margin: 0;}
  2. nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
text-decoration:none; color:{Insert:ColorBlack;#000}; display: inline; padding: 0px ; 
 	margin : 0px 15px ;
 	line-height: 2em;
}
  1. nav a:hover, #nav a:active, a:hover{
color: {Insert:ColorHover;#F60}; }

  1. container {
 	padding: 0;
 	margin: 0;
}
  1. container div.inner {padding: 40px ;}
  2. footer {
clear: both; background: {Insert:ContentBackgroundColor;#FFF}; height: 20px; text-align:center; padding-bottom: 30px; border-top: 1px solid {Insert:ColorBlack;#000}; } /* LISTS */ ul { display: block; margin: .3em 0 1.5em 0; padding: 0; list-style-type:none; }

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 */
  1. 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%;
 }
  1. tools p {
 font-size: 2px;
 color:{Insert:ColorText;#222};
 }
  1. 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};
 }
  1. tools a.nav:hover { color: {Insert:ColorHover;#F60};}
  2. 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*/

</style>

</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