Ajout d'une page HTML d'exemple avec une feuille de style en noir et
blanc
This commit is contained in:
Olivier DOSSMANN
parent
6de0d663a2
commit
1912c825ad
2
TACHES
2
TACHES
@ -31,3 +31,5 @@ FAITES :
|
|||||||
- faire un .gitignore pour les fichiers/dossiers inutiles
|
- faire un .gitignore pour les fichiers/dossiers inutiles
|
||||||
- faire un fichier TACHES
|
- faire un fichier TACHES
|
||||||
- ajouter une licence/copyright
|
- ajouter une licence/copyright
|
||||||
|
- faire une page d'exemple avec un menu et une feuille de style en noir et blanc
|
||||||
|
- faire une page d'exemple sans menu et avec une feuille de style en noir et blanc
|
||||||
|
|||||||
25
exemple/bicolore_ajout_menu.patch
Normal file
25
exemple/bicolore_ajout_menu.patch
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
--- bicolore_sans_menu.css 2011-02-26 14:56:15.000000000 +0100
|
||||||
|
+++ bicolore_avec_menu.css 2011-02-26 15:03:12.000000000 +0100
|
||||||
|
@@ -47,11 +47,12 @@
|
||||||
|
|
||||||
|
div#chapeau {
|
||||||
|
position: relative;
|
||||||
|
-margin: 0 auto;
|
||||||
|
+margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
height: 50px;
|
||||||
|
width: 78%;
|
||||||
|
top: 0;
|
||||||
|
+left: 1%;
|
||||||
|
background-color: #000000;
|
||||||
|
color: #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
@@ -70,7 +71,7 @@
|
||||||
|
|
||||||
|
div#corps {
|
||||||
|
position: relative;
|
||||||
|
-width: 98%;
|
||||||
|
+width: 78%;
|
||||||
|
left: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
167
exemple/bicolore_avec_menu.css
Normal file
167
exemple/bicolore_avec_menu.css
Normal file
@ -0,0 +1,167 @@
|
|||||||
|
html, body {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: #ffffff;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link {
|
||||||
|
color: #6276a4;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: #6276a4;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
background-color: #6276a4;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
width: 80%;
|
||||||
|
padding-left: 2%;
|
||||||
|
margin-left: 1%;
|
||||||
|
color: #000000;
|
||||||
|
border-bottom: solid;
|
||||||
|
border-left: solid;
|
||||||
|
-moz-border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
width: 80%;
|
||||||
|
padding-left: 3%;
|
||||||
|
margin-left: 1%;
|
||||||
|
color: #000000;
|
||||||
|
border-bottom: solid;
|
||||||
|
border-left: solid;
|
||||||
|
-moz-border-radius: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#chapeau {
|
||||||
|
position: relative;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
height: 50px;
|
||||||
|
width: 78%;
|
||||||
|
top: 0;
|
||||||
|
left: 1%;
|
||||||
|
background-color: #000000;
|
||||||
|
color: #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 120%;
|
||||||
|
line-height: 15%;
|
||||||
|
-moz-border-radius-bottomright: 25px;
|
||||||
|
-moz-border-radius-bottomleft: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#chapeau h1 {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps {
|
||||||
|
position: relative;
|
||||||
|
width: 78%;
|
||||||
|
left: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps div.ensemble_element {
|
||||||
|
min-height: 10em;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps div.element {
|
||||||
|
height: 9em;
|
||||||
|
width: 19ex;
|
||||||
|
margin: 0 5px 10px 5px;
|
||||||
|
float: left;
|
||||||
|
border: thin solid #000000;
|
||||||
|
-moz-border-radius: 15px;
|
||||||
|
-moz-box-shadow: 1px 1px 8px #000000;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps div.element:hover {
|
||||||
|
background-color: #000000;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps div.element div.titre {
|
||||||
|
height: 3em;
|
||||||
|
margin-top: 1em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps div.element div.image {
|
||||||
|
height: 48px;
|
||||||
|
margin: 1em 0 2em 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps div.element div.image img {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps div.espace {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#cartable {
|
||||||
|
position: absolute;
|
||||||
|
height: auto;
|
||||||
|
width: 20%;
|
||||||
|
top: 90px;
|
||||||
|
right: 0;
|
||||||
|
background-color: #000000;
|
||||||
|
color: #ffffff;
|
||||||
|
-moz-border-radius-topleft: 25px;
|
||||||
|
-moz-border-radius-bottomleft: 25px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#cartable h3 {
|
||||||
|
width: 90%;
|
||||||
|
border-color: #ffffff;
|
||||||
|
border: ;
|
||||||
|
color: #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#cartable a:link {
|
||||||
|
color: #aaaabb;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#cartable a:visited {
|
||||||
|
color: #aaaabb;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#cartable a:hover {
|
||||||
|
background-color: #aaaabb;
|
||||||
|
color: #223355;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#soulier {
|
||||||
|
position: relative;
|
||||||
|
top: 5px;
|
||||||
|
right: 5px;
|
||||||
|
height: 20px;
|
||||||
|
width: 98%;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#soulier p {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 10px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
166
exemple/bicolore_sans_menu.css
Normal file
166
exemple/bicolore_sans_menu.css
Normal file
@ -0,0 +1,166 @@
|
|||||||
|
html, body {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: #ffffff;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link {
|
||||||
|
color: #6276a4;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: #6276a4;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
background-color: #6276a4;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
width: 80%;
|
||||||
|
padding-left: 2%;
|
||||||
|
margin-left: 1%;
|
||||||
|
color: #000000;
|
||||||
|
border-bottom: solid;
|
||||||
|
border-left: solid;
|
||||||
|
-moz-border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
width: 80%;
|
||||||
|
padding-left: 3%;
|
||||||
|
margin-left: 1%;
|
||||||
|
color: #000000;
|
||||||
|
border-bottom: solid;
|
||||||
|
border-left: solid;
|
||||||
|
-moz-border-radius: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#chapeau {
|
||||||
|
position: relative;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0;
|
||||||
|
height: 50px;
|
||||||
|
width: 78%;
|
||||||
|
top: 0;
|
||||||
|
background-color: #000000;
|
||||||
|
color: #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 120%;
|
||||||
|
line-height: 15%;
|
||||||
|
-moz-border-radius-bottomright: 25px;
|
||||||
|
-moz-border-radius-bottomleft: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#chapeau h1 {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps {
|
||||||
|
position: relative;
|
||||||
|
width: 98%;
|
||||||
|
left: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps div.ensemble_element {
|
||||||
|
min-height: 10em;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps div.element {
|
||||||
|
height: 9em;
|
||||||
|
width: 19ex;
|
||||||
|
margin: 0 5px 10px 5px;
|
||||||
|
float: left;
|
||||||
|
border: thin solid #000000;
|
||||||
|
-moz-border-radius: 15px;
|
||||||
|
-moz-box-shadow: 1px 1px 8px #000000;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps div.element:hover {
|
||||||
|
background-color: #000000;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps div.element div.titre {
|
||||||
|
height: 3em;
|
||||||
|
margin-top: 1em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps div.element div.image {
|
||||||
|
height: 48px;
|
||||||
|
margin: 1em 0 2em 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps div.element div.image img {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#corps div.espace {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#cartable {
|
||||||
|
position: absolute;
|
||||||
|
height: auto;
|
||||||
|
width: 20%;
|
||||||
|
top: 90px;
|
||||||
|
right: 0;
|
||||||
|
background-color: #000000;
|
||||||
|
color: #ffffff;
|
||||||
|
-moz-border-radius-topleft: 25px;
|
||||||
|
-moz-border-radius-bottomleft: 25px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#cartable h3 {
|
||||||
|
width: 90%;
|
||||||
|
border-color: #ffffff;
|
||||||
|
border: ;
|
||||||
|
color: #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#cartable a:link {
|
||||||
|
color: #aaaabb;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#cartable a:visited {
|
||||||
|
color: #aaaabb;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#cartable a:hover {
|
||||||
|
background-color: #aaaabb;
|
||||||
|
color: #223355;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#soulier {
|
||||||
|
position: relative;
|
||||||
|
top: 5px;
|
||||||
|
right: 5px;
|
||||||
|
height: 20px;
|
||||||
|
width: 98%;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#soulier p {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 10px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
122
exemple/source.html
Normal file
122
exemple/source.html
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
|
||||||
|
<head>
|
||||||
|
<title>Accueil</title>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
|
<link rel="stylesheet" href="bicolore_avec_menu.css" type="text/css" media="all" title="Défaut" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Entête -->
|
||||||
|
|
||||||
|
<div id="chapeau">
|
||||||
|
<h1>Accueil</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Contenu -->
|
||||||
|
|
||||||
|
<div id="corps">
|
||||||
|
<h2>Introduction</h2>
|
||||||
|
<p>Quelque chose</p>
|
||||||
|
<h2>Catégories</h2>
|
||||||
|
<p>Accédez à tout ou partie des composantes de @@TITRE_SITE@@ via les catégories suivantes.</p>
|
||||||
|
|
||||||
|
<!-- Catégorie -->
|
||||||
|
|
||||||
|
<h3>Catégorie 1</h3>
|
||||||
|
<div class="ensemble_element">
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="espace"> </div>
|
||||||
|
|
||||||
|
<!-- Catégorie -->
|
||||||
|
|
||||||
|
<h3>Catégorie 2</h3>
|
||||||
|
<div class="ensemble_element">
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="espace"> </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu -->
|
||||||
|
|
||||||
|
<div id="cartable">
|
||||||
|
<div class="sacoche">
|
||||||
|
<h3>Menu</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="@@URL_LIEN@@" title="@@DESC_LIEN@@">@@TITRE_LIEN@@</a></li>
|
||||||
|
<li>Lien 2</li>
|
||||||
|
<li>Lien 3</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Pied de page -->
|
||||||
|
|
||||||
|
<div id="soulier">
|
||||||
|
<p>Propulsé par PorteAil</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
109
exemple/source_sans_menu.html
Normal file
109
exemple/source_sans_menu.html
Normal file
@ -0,0 +1,109 @@
|
|||||||
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
|
||||||
|
<head>
|
||||||
|
<title>Accueil</title>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
|
<link rel="stylesheet" href="bicolore_sans_menu.css" type="text/css" media="all" title="Défaut" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Entête -->
|
||||||
|
|
||||||
|
<div id="chapeau">
|
||||||
|
<h1>Accueil</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Contenu -->
|
||||||
|
|
||||||
|
<div id="corps">
|
||||||
|
<h2>Introduction</h2>
|
||||||
|
<p>Quelque chose</p>
|
||||||
|
<h2>Catégories</h2>
|
||||||
|
<p>Accédez à tout ou partie des composantes de @@TITRE_SITE@@ via les catégories suivantes.</p>
|
||||||
|
|
||||||
|
<!-- Catégorie -->
|
||||||
|
|
||||||
|
<h3>Catégorie 1</h3>
|
||||||
|
<div class="ensemble_element">
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="espace"> </div>
|
||||||
|
|
||||||
|
<!-- Catégorie -->
|
||||||
|
|
||||||
|
<h3>Catégorie 2</h3>
|
||||||
|
<div class="ensemble_element">
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<div class="titre">
|
||||||
|
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="espace"> </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Pied de page -->
|
||||||
|
|
||||||
|
<div id="soulier">
|
||||||
|
<p>Propulsé par PorteAil</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user