Editer le texte de cette page (date de la dernière modification: 18 Juillet, 2007 0:17 (diff))

Template

<!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={Insert:WikiCharset}"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="creation-timestamp" content="{Insert:DateCreation}">

<!-- microid --> <meta name="microid" content="29d55c6fadba3f8007993322550095a32f7c2a98" /> <!--/microid -->

<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: #a4a4a4;}
  1. 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};} /* colonne 1 */
  1. container {
 	background-image: url("");
 	background-position: {Insert:ColASize;700px};/* taille col 1*/
 	background-repeat: repeat-y;
 	padding: 0;
 	margin: 0;
}
  1. side-a {
position:relative; float: left; width: {Insert:ColASize;700px}; }
  1. side-a div.inner{
margin: 20px 40px 40px 40px; }
  1. side-b {
position:relative; margin: 0; float: right; width: {Insert:ColBSize;200px}; }
  1. side-b div.inner{
padding: 0 20px 40px 20px; margin-top: 20px; }
  1. 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:link, a:visited {color: {Insert:ColorLink;#00f}; text-decoration: none;} 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:ColorBlack;#000}; text-decoration:none; } h1 a:visited , h2 a:visited , h3 a:visited , h4 a:visited {color:{Insert:ColorBlack;#000};} table {font-size:1em; width: auto;} /* FORMS */ form {margin: 0 0 1.5em} input { font-family: arial,verdana,sans-serif; margin: 2px 0;} fieldset {border: none;} label { display:block; padding: 5px 0;} label br {clear:left;} /* 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;} 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}

.vCard{ border:3px solid #cddAE5; background:#ECF3F8; width:25em; padding:1em; } .vCard img{ float:right;margin:0.1em; } a.url{ color:#48F; margin-bottom:0.1em; font-size:1.4em; } .vcard .adr, .vcard .tel{ font-size:0.8em; color:#555; font-weight:bold; }

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

abbr, acronym, .help { 
  border-bottom: 1px dashed {Insert:ColorText;#222};
  cursor: help;
  }
</style>

</head> <body> <div style="background: url() top left no-repeat !important; background: url() top left no-repeat; height: 100px; width: 100px; position: absolute; top: 0; left: 0;"></div>

<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 id="side-a"> <div class="inner"> <h2>{PageTitle}{PageTitleComment}</h2> {PageText} </div> </div> <div id="side-b"> <div class="inner"> {Insert:page.{PreInsert:SideBarName;SideBar}} </div> </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