diff --git a/TACHES b/TACHES index 9765638..af90c50 100644 --- a/TACHES +++ b/TACHES @@ -17,12 +17,7 @@ DESTDIR >>> Pour la v0.1.2 : - HTML 5 avec header et footer -- Simplifier le code HTML et CSS - - 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 +- 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é. - 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.) - ne copier QUE les images utilisées - 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 + diff --git a/style/avec_menu.css b/style/avec_menu.css index cab3b30..b5c4163 100644 --- a/style/avec_menu.css +++ b/style/avec_menu.css @@ -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 { height: 100%; width: 100%; @@ -6,6 +14,7 @@ margin: 0; padding: 0; } +/* BASE */ a:link { text-decoration: underline; } @@ -42,6 +51,7 @@ border-radius: 12px; -webkit-border-radius: 12px; } +/* ENTÊTE DE PAGE */ #chapeau { position: relative; margin: 0; @@ -68,18 +78,21 @@ height: 50px; line-height: 50px; } +/* CONTENU */ #corps { position: relative; width: 78%; left: 2%; } +/* CATÉGORIES */ #corps ul.ensemble_element { min-height: 10em; list-style-type: none; padding: 0 5px; } +/* ÉLÉMENT */ #corps a.cadre { height: 9em; width: 11em; @@ -112,10 +125,12 @@ margin-left: auto; border: 0; } +/* espace en fin de catégorie */ #corps .espace { clear: both; } +/* MENU */ #cartable { position: absolute; height: auto; @@ -151,6 +166,7 @@ text-decoration: underline; #cartable a:hover { } +/* ENQUEUE DE PAGE */ #soulier { position: relative; top: 5px; @@ -166,6 +182,8 @@ font-size: 10px; text-align: center; } +/* DIVERS */ +/* permet de cacher les points virgules en fin de LI */ .cache_cache { display: none; } diff --git a/style/bleu.css b/style/bleu.css index 42f6d60..4d61d23 100644 --- a/style/bleu.css +++ b/style/bleu.css @@ -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 { background-color: #e9ecf4; color: #223355; } +/* BASE */ a:link { color: #6276a4; } @@ -24,16 +33,19 @@ h3 { color: #555577; } +/* ENTÊTE DE PAGE */ #chapeau { background-color: #223355; color: #ffffff; } - +/* CONTENU */ +/* survol d'un élément */ #corps a.cadre:hover { background-color: #223355; color: #ffffff; } +/* MENU */ #cartable { background-color: #223355; color: #ffffff; @@ -57,6 +69,7 @@ background-color: #aaaabb; color: #223355; } +/* ENQUEUE DE PAGE */ #soulier { color: #000000; } diff --git a/style/noir.css b/style/noir.css index a96a11f..52e643a 100644 --- a/style/noir.css +++ b/style/noir.css @@ -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 { background-color: #ffffff; color: #000000; } +/* BASE */ a:link { color: #6276a4; } @@ -24,16 +33,20 @@ h3 { color: #000000; } +/* ENTÊTE DE PAGE */ #chapeau { background-color: #000000; color: #ffffff; } +/* CONTENU */ +/* survol d'un élément */ #corps a.cadre:hover { background-color: #000000; color: #ffffff; } +/* MENU */ #cartable { background-color: #000000; color: #ffffff; @@ -57,6 +70,7 @@ background-color: #aaaabb; color: #223355; } +/* ENQUEUE DE PAGE */ #soulier { color: #000000; } diff --git a/style/sans_menu.css b/style/sans_menu.css index ba70c56..a35075a 100644 --- a/style/sans_menu.css +++ b/style/sans_menu.css @@ -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 { height: 100%; width: 80%; @@ -6,6 +14,7 @@ margin: 0 10%; padding: 0; } +/* BASE */ a:link { text-decoration: underline; } @@ -42,6 +51,7 @@ border-radius: 12px; -webkit-border-radius: 12px; } +/* ENTÊTE DE PAGE */ #chapeau { position: relative; margin: 0 auto; @@ -68,18 +78,21 @@ height: 50px; line-height: 50px; } +/* CONTENU */ #corps { position: relative; width: 98%; left: 2%; } +/* CATÉGORIES*/ #corps ul.ensemble_element { min-height: 10em; list-style-type: none; padding: 0 5px; } +/* ÉLÉMENT */ #corps a.cadre { height: 9em; width: 11em; @@ -112,10 +125,12 @@ margin-left: auto; border: 0; } +/* espace en fin de catégorie */ #corps .espace { clear: both; } +/* MENU */ #cartable { position: absolute; height: auto; @@ -151,6 +166,7 @@ text-decoration: underline; #cartable a:hover { } +/* ENQUEUE DE PAGE */ #soulier { position: relative; top: 5px; @@ -166,6 +182,8 @@ font-size: 10px; text-align: center; } +/* DIVERS */ +/* permet de cacher les points virgules en fin de LI */ .cache_cache { display: none; }