[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:
parent
608b22d503
commit
8d0d832500
12
TACHES
12
TACHES
@ -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
|
||||||
|
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user