[IMP] Changement du choix de la feuille de style SANS patch
- choix possible entre deux feuilles de style - suppression de la fonction patch
This commit is contained in:
Olivier DOSSMANN
parent
a7b9147b09
commit
2e5e749566
15
GNUmakefile
15
GNUmakefile
@ -28,8 +28,8 @@
|
||||
## configuration
|
||||
DESTINATION = porteail
|
||||
INDEX = $(DESTINATION)/index.html
|
||||
CSS_DEFAUT = bicolore_sans_menu.css
|
||||
CSS_PATCH_AJOUT_MENU = bicolore_ajout_menu.patch
|
||||
CSS_SANS_MENU = bicolore_sans_menu.css
|
||||
CSS_AVEC_MENU = bicolore_avec_menu.css
|
||||
CSS_NOM = defaut.css
|
||||
TITRE = Titre par défaut
|
||||
ACCUEIL = Accueil - $(TITRE)
|
||||
@ -39,9 +39,9 @@ MENU = $(DOSSIER_HTML)/menu.html
|
||||
INTRO = $(DOSSIER_HTML)/introduction.html
|
||||
## utiles pour le makefile
|
||||
ifndef $(MENU)
|
||||
dependances_css = style/$(CSS_DEFAUT)
|
||||
dependances_css = style/$(CSS_SANS_MENU)
|
||||
else
|
||||
dependances_css = style/$(CSS_DEFAUT) style/$(CSS_PATCH_AJOUT_MENU)
|
||||
dependances_css = style/$(CSS_AVEC_MENU)
|
||||
endif
|
||||
entete = $(DOSSIER_HTML)/entete.html
|
||||
enqueue = $(DOSSIER_HTML)/enqueue.html
|
||||
@ -70,15 +70,12 @@ test:
|
||||
@test -d img || mkdir img
|
||||
@test -d categ || mkdir categ
|
||||
@test -d style || mkdir style
|
||||
@$(PROG_ECHO) -e "\t…existence de la feuille de style par défaut : '$(CSS_DEFAUT)'"
|
||||
@test -f style/$(CSS_DEFAUT) || exit
|
||||
@$(PROG_ECHO) -e "\t…option introduction dans la page"
|
||||
$(if $(INTRO), @test -f $(INTRO) || exit)
|
||||
$(if $(INTRO), @$(PROG_ECHO) -e "\t\t-> activée", @$(PROG_ECHO) -e "\t\t-> désactivée")
|
||||
@$(PROG_ECHO) -e "\t…option ajout d'un menu (vérification de l'existence)"
|
||||
$(if $(MENU), @test -f $(MENU) || exit)
|
||||
$(if $(MENU), @$(PROG_ECHO) -e "\t\t-> activée", @$(PROG_ECHO) -e "\t\t-> désactivée")
|
||||
$(if $(MENU), @test -f style/$(CSS_PATCH_AJOUT_MENU) || exit)
|
||||
@$(PROG_ECHO) -e "\t…création de la destination"
|
||||
@test -d $(DESTINATION) || mkdir $(DESTINATION)
|
||||
@$(PROG_ECHO) -e "\t…création du dossier image"
|
||||
@ -90,8 +87,8 @@ test:
|
||||
# création du fichier CSS
|
||||
css: $(dependances_css)
|
||||
@$(PROG_ECHO) -e "Création du fichier CSS…"
|
||||
@cp style/$(CSS_DEFAUT) $(DESTINATION)/$(CSS_NOM)
|
||||
$(if $(MENU), @patch -u -p0 $(DESTINATION)/$(CSS_NOM) style/$(CSS_PATCH_AJOUT_MENU); $(PROG_ECHO) -e "\t…patch pour affichage du menu")
|
||||
$(if $(MENU), @cp style/$(CSS_AVEC_MENU) $(DESTINATION)/$(CSS_NOM), @cp style/$(CSS_SANS_MENU) $(DESTINATION)/$(CSS_NOM))
|
||||
# @cp style/$(CSS_DEFAUT) $(DESTINATION)/$(CSS_NOM)
|
||||
@$(PROG_ECHO) -e " …terminée."
|
||||
|
||||
# création du fichier $(contenu)
|
||||
|
||||
3
TACHES
3
TACHES
@ -26,8 +26,6 @@ Pour la v0.1 :
|
||||
- les dossiers résultants
|
||||
- les variables à changer pour personnaliser
|
||||
- ajouter un paragraphe LICENCE pour expliquer la licence appliquée
|
||||
- Éviter l'utilisation d'un patch pour le CSS avec/sans menu. Proposer deux variables contenant les deux versions du fichier CSS.
|
||||
|
||||
|
||||
FAITES :
|
||||
---------
|
||||
@ -66,3 +64,4 @@ le cas
|
||||
des éléments
|
||||
- ajouter des fichiers images au bon format et sous licence libre
|
||||
- compatibilité avec d'autres navigateurs pour le CSS -moz-border-radius et -moz-box-shadow
|
||||
- Éviter l'utilisation d'un patch pour le CSS avec/sans menu. Proposer deux variables contenant les deux versions du fichier CSS.
|
||||
|
||||
@ -1,20 +0,0 @@
|
||||
--- bicolore_sans_menu.css 2011-03-06 22:45:57.000000000 +0100
|
||||
+++ bicolore_avec_menu.css 2011-03-06 22:45:31.000000000 +0100
|
||||
@@ -51,7 +51,7 @@
|
||||
|
||||
div#chapeau {
|
||||
position: relative;
|
||||
-margin: 0 auto;
|
||||
+margin: 0;
|
||||
padding: 0;
|
||||
height: 50px;
|
||||
width: 78%;
|
||||
@@ -79,7 +79,7 @@
|
||||
|
||||
div#corps {
|
||||
position: relative;
|
||||
-width: 98%;
|
||||
+width: 78%;
|
||||
left: 2%;
|
||||
}
|
||||
|
||||
187
style/bicolore_avec_menu.css
Normal file
187
style/bicolore_avec_menu.css
Normal file
@ -0,0 +1,187 @@
|
||||
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;
|
||||
border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 80%;
|
||||
padding-left: 3%;
|
||||
margin-left: 1%;
|
||||
color: #000000;
|
||||
border-bottom: solid;
|
||||
border-left: solid;
|
||||
-moz-border-radius: 12px;
|
||||
border-radius: 12px;
|
||||
-webkit-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;
|
||||
border-bottom-left-radius: 25px;
|
||||
-webkit-border-radius-bottomright: 25px;
|
||||
-moz-border-radius-bottomleft: 25px;
|
||||
border-bottom-right-radius: 25px;
|
||||
-webkit-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;
|
||||
border-radius: 15px;
|
||||
-webkit-border-radius: 15px;
|
||||
-moz-box-shadow: 1px 1px 8px #000000;
|
||||
box-shadow: 1px 1px 8px #000000;
|
||||
-webkit-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;
|
||||
border-top-left-radius: 25px;
|
||||
-webkit-border-radius-topleft: 25px;
|
||||
-moz-border-radius-bottomleft: 25px;
|
||||
border-bottom-left-radius: 25px;
|
||||
-webkit-border-radius-bottomleft: 25px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div#cartable h3 {
|
||||
width: 90%;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
border-bottom: solid;
|
||||
border-left: solid;
|
||||
-moz-border-radius: 12px;
|
||||
border-radius: 12px;
|
||||
-webkit-border-radius: 12px;
|
||||
border-color: #ffffff;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user