[IMP] Ajout de commentaires dans le code CSS

* Ajout de commentaires dans les feuilles de style
  * Mise à jour du fichier TACHES
This commit is contained in:
Olivier DOSSMANN 2012-02-22 13:26:26 +01:00
parent 608b22d503
commit 8d0d832500
5 changed files with 70 additions and 7 deletions

12
TACHES
View File

@ -17,12 +17,7 @@ DESTDIR
>>> Pour la v0.1.2 : >>> Pour la v0.1.2 :
- HTML 5 avec header et footer - HTML 5 avec header et footer
- Simplifier le code HTML et CSS - Supprimer les descriptions des logos pour un meilleur affichage (Cf. elinks par exemple pour une démonstration verbeuse) : les ajouter dans le CSS. Alt = rien du tout, et title = nom donné.
- enlever les div en trop, par exemple pour l'IMG
- changer les div#abc en #abc dans le CSS
- commenter le code CSS
- Supprimer les descriptions des logos pour un meilleur affichage (Cf. elinks par exemple pour une démonstration verbeuse) : les ajouter dans le CSS
- Meilleur affichage dans les navigateurs textes - Meilleur affichage dans les navigateurs textes
@ -129,3 +124,8 @@ des éléments
- créer plusieurs feuilles de style (couleurs, positionnement des éléments, etc.) - créer plusieurs feuilles de style (couleurs, positionnement des éléments, etc.)
- ne copier QUE les images utilisées - ne copier QUE les images utilisées
- faire un export en XHTML si possible (ajouter l'extension au fichier de destination choisi) - faire un export en XHTML si possible (ajouter l'extension au fichier de destination choisi)
- Simplifier le code HTML et CSS
- enlever les div en trop
- changer les div#abc en #abc dans le CSS
- commenter le code CSS

View File

@ -1,3 +1,11 @@
/*
Theme: PorteAil - avec menu
Version: 0.1
Author: Olivier DOSSMANN
Author URI: http://olivier.dossmann.net
Project: PorteAil
Project URI: http://porteail.e-mergence.org
*/
html, body { html, body {
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -6,6 +14,7 @@ margin: 0;
padding: 0; padding: 0;
} }
/* BASE */
a:link { a:link {
text-decoration: underline; text-decoration: underline;
} }
@ -42,6 +51,7 @@ border-radius: 12px;
-webkit-border-radius: 12px; -webkit-border-radius: 12px;
} }
/* ENTÊTE DE PAGE */
#chapeau { #chapeau {
position: relative; position: relative;
margin: 0; margin: 0;
@ -68,18 +78,21 @@ height: 50px;
line-height: 50px; line-height: 50px;
} }
/* CONTENU */
#corps { #corps {
position: relative; position: relative;
width: 78%; width: 78%;
left: 2%; left: 2%;
} }
/* CATÉGORIES */
#corps ul.ensemble_element { #corps ul.ensemble_element {
min-height: 10em; min-height: 10em;
list-style-type: none; list-style-type: none;
padding: 0 5px; padding: 0 5px;
} }
/* ÉLÉMENT */
#corps a.cadre { #corps a.cadre {
height: 9em; height: 9em;
width: 11em; width: 11em;
@ -112,10 +125,12 @@ margin-left: auto;
border: 0; border: 0;
} }
/* espace en fin de catégorie */
#corps .espace { #corps .espace {
clear: both; clear: both;
} }
/* MENU */
#cartable { #cartable {
position: absolute; position: absolute;
height: auto; height: auto;
@ -151,6 +166,7 @@ text-decoration: underline;
#cartable a:hover { #cartable a:hover {
} }
/* ENQUEUE DE PAGE */
#soulier { #soulier {
position: relative; position: relative;
top: 5px; top: 5px;
@ -166,6 +182,8 @@ font-size: 10px;
text-align: center; text-align: center;
} }
/* DIVERS */
/* permet de cacher les points virgules en fin de LI */
.cache_cache { .cache_cache {
display: none; display: none;
} }

View File

@ -1,8 +1,17 @@
/*
Theme: PorteAil - apparence bleue
Version: 0.1
Author: Olivier DOSSMANN
Author URI: http://olivier.dossmann.net
Project: PorteAil
Project URI: http://porteail.e-mergence.org
*/
html, body { html, body {
background-color: #e9ecf4; background-color: #e9ecf4;
color: #223355; color: #223355;
} }
/* BASE */
a:link { a:link {
color: #6276a4; color: #6276a4;
} }
@ -24,16 +33,19 @@ h3 {
color: #555577; color: #555577;
} }
/* ENTÊTE DE PAGE */
#chapeau { #chapeau {
background-color: #223355; background-color: #223355;
color: #ffffff; color: #ffffff;
} }
/* CONTENU */
/* survol d'un élément */
#corps a.cadre:hover { #corps a.cadre:hover {
background-color: #223355; background-color: #223355;
color: #ffffff; color: #ffffff;
} }
/* MENU */
#cartable { #cartable {
background-color: #223355; background-color: #223355;
color: #ffffff; color: #ffffff;
@ -57,6 +69,7 @@ background-color: #aaaabb;
color: #223355; color: #223355;
} }
/* ENQUEUE DE PAGE */
#soulier { #soulier {
color: #000000; color: #000000;
} }

View File

@ -1,8 +1,17 @@
/*
Theme: PorteAil - apparence noire
Version: 0.1
Author: Olivier DOSSMANN
Author URI: http://olivier.dossmann.net
Project: PorteAil
Project URI: http://porteail.e-mergence.org
*/
html, body { html, body {
background-color: #ffffff; background-color: #ffffff;
color: #000000; color: #000000;
} }
/* BASE */
a:link { a:link {
color: #6276a4; color: #6276a4;
} }
@ -24,16 +33,20 @@ h3 {
color: #000000; color: #000000;
} }
/* ENTÊTE DE PAGE */
#chapeau { #chapeau {
background-color: #000000; background-color: #000000;
color: #ffffff; color: #ffffff;
} }
/* CONTENU */
/* survol d'un élément */
#corps a.cadre:hover { #corps a.cadre:hover {
background-color: #000000; background-color: #000000;
color: #ffffff; color: #ffffff;
} }
/* MENU */
#cartable { #cartable {
background-color: #000000; background-color: #000000;
color: #ffffff; color: #ffffff;
@ -57,6 +70,7 @@ background-color: #aaaabb;
color: #223355; color: #223355;
} }
/* ENQUEUE DE PAGE */
#soulier { #soulier {
color: #000000; color: #000000;
} }

View File

@ -1,3 +1,11 @@
/*
Theme: PorteAil - sans menu
Version: 0.1
Author: Olivier DOSSMANN
Author URI: http://olivier.dossmann.net
Project: PorteAil
Project URI: http://porteail.e-mergence.org
*/
html, body { html, body {
height: 100%; height: 100%;
width: 80%; width: 80%;
@ -6,6 +14,7 @@ margin: 0 10%;
padding: 0; padding: 0;
} }
/* BASE */
a:link { a:link {
text-decoration: underline; text-decoration: underline;
} }
@ -42,6 +51,7 @@ border-radius: 12px;
-webkit-border-radius: 12px; -webkit-border-radius: 12px;
} }
/* ENTÊTE DE PAGE */
#chapeau { #chapeau {
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
@ -68,18 +78,21 @@ height: 50px;
line-height: 50px; line-height: 50px;
} }
/* CONTENU */
#corps { #corps {
position: relative; position: relative;
width: 98%; width: 98%;
left: 2%; left: 2%;
} }
/* CATÉGORIES*/
#corps ul.ensemble_element { #corps ul.ensemble_element {
min-height: 10em; min-height: 10em;
list-style-type: none; list-style-type: none;
padding: 0 5px; padding: 0 5px;
} }
/* ÉLÉMENT */
#corps a.cadre { #corps a.cadre {
height: 9em; height: 9em;
width: 11em; width: 11em;
@ -112,10 +125,12 @@ margin-left: auto;
border: 0; border: 0;
} }
/* espace en fin de catégorie */
#corps .espace { #corps .espace {
clear: both; clear: both;
} }
/* MENU */
#cartable { #cartable {
position: absolute; position: absolute;
height: auto; height: auto;
@ -151,6 +166,7 @@ text-decoration: underline;
#cartable a:hover { #cartable a:hover {
} }
/* ENQUEUE DE PAGE */
#soulier { #soulier {
position: relative; position: relative;
top: 5px; top: 5px;
@ -166,6 +182,8 @@ font-size: 10px;
text-align: center; text-align: center;
} }
/* DIVERS */
/* permet de cacher les points virgules en fin de LI */
.cache_cache { .cache_cache {
display: none; display: none;
} }