olivier/site_depotoire
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[IMP] HTML5 improvements with Javascript for old web browser

Browse Source
This commit is contained in:
Olivier DOSSMANN 2012-12-19 14:56:14 +01:00
parent 654344c18f
commit c4d5dca880
8 changed files with 36 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
GNUmakefile
View File

@ -180,11 +180,18 @@ $(CONTENU_ADDR): $(CONFIG) $(GEN_CATEGORIES) $(SOURCE) $(DEFAUT_IMG_ADDR)
@$(PROG_ECHO) -e "\t\t- Dossier de destination global : $(CIBLE)" @$(PROG_ECHO) -e "\t\t- Dossier de destination global : $(CIBLE)"
@$(PROG_SH) $(GEN_CATEGORIES) $(CATEGORIES) $(CONTENU_ADDR) $(CATEGORIES_EXT) $(COMPOSANTS) $(ENTETE_CAT_ADDR) $(ENQUEUE_CAT_ADDR) $(ELEMENT_ADDR) $(IMAGES) $(IMAGES_CIBLE) $(DEFAUT_IMG_ADDR) $(CIBLE) @$(PROG_SH) $(GEN_CATEGORIES) $(CATEGORIES) $(CONTENU_ADDR) $(CATEGORIES_EXT) $(COMPOSANTS) $(ENTETE_CAT_ADDR) $(ENQUEUE_CAT_ADDR) $(ELEMENT_ADDR) $(IMAGES) $(IMAGES_CIBLE) $(DEFAUT_IMG_ADDR) $(CIBLE)
## JAVASCRIPT
# création du fichier html5.js
html5.js: $(COMPOSANTS)
@$(PROG_ECHO) -e "Création du fichier html5.js…"
@$(PROG_CP) $(COMPOSANTS)/html5.js $(CIBLE)/html5.js
@$(PROG_ECHO) -e " …terminée."
## INDEX ## INDEX
# création de la page d'index # création de la page d'index
index: $(CONFIG) $(INDEX_ADDR) $(CSS_TOUS) index: $(CONFIG) $(INDEX_ADDR) $(CSS_TOUS)
$(INDEX_ADDR): $(CONFIG) $(INDEX_DEP) $(CONTENU_ADDR) $(INDEX_ADDR): $(CONFIG) $(INDEX_DEP) $(CONTENU_ADDR) html5.js
@$(PROG_ECHO) -e "Création de la page de garde…" @$(PROG_ECHO) -e "Création de la page de garde…"
# entete # entete
@$(PROG_ECHO) -e "\t…insertion de l'entête" @$(PROG_ECHO) -e "\t…insertion de l'entête"

3
composants/entete.html
View File

@ -3,6 +3,9 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>@@ACCUEIL_PORTEAIL@@</title> <title>@@ACCUEIL_PORTEAIL@@</title>
<!--[if lt IE 9]>
<script src="html5.js" type="text/javascript"></script>
<![endif]-->
<link rel="stylesheet" href="@@CSS_DEFAUT@@" type="text/css" media="all" title="Défaut" /> <link rel="stylesheet" href="@@CSS_DEFAUT@@" type="text/css" media="all" title="Défaut" />
<link rel="stylesheet" href="@@CSS_COULEUR@@" type="text/css" media="all" title="Défaut" /> <link rel="stylesheet" href="@@CSS_COULEUR@@" type="text/css" media="all" title="Défaut" />
</head> </head>

3
composants/html5.js Normal file
View File

File diff suppressed because one or more lines are too long

4
composants/menu.html
View File

@ -1,5 +1,5 @@
<!-- Menu de la page --> <!-- Menu de la page -->
<aside id="cartable"> <nav id="cartable">
<div class="sacoche"> <div class="sacoche">
<h3>Menu</h3> <h3>Menu</h3>
<ul> <ul>
@ -8,4 +8,4 @@
<li>Lien 3</li> <li>Lien 3</li>
</ul> </ul>
</div> </div>
</aside> </nav>

10
style/avec_menu.css
View File

@ -137,7 +137,7 @@ clear: both;
} }
/* MENU */ /* MENU */
aside#cartable { nav#cartable {
position: absolute; position: absolute;
height: auto; height: auto;
width: 20%; width: 20%;
@ -152,7 +152,7 @@ border-bottom-left-radius: 25px;
overflow: hidden; overflow: hidden;
} }
aside#cartable h3 { nav#cartable h3 {
width: 90%; width: 90%;
text-align: center; text-align: center;
border-bottom: solid; border-bottom: solid;
@ -162,14 +162,14 @@ border-radius: 12px;
-webkit-border-radius: 12px; -webkit-border-radius: 12px;
} }
aside#cartable a:link { nav#cartable a:link {
text-decoration: underline; text-decoration: underline;
} }
aside#cartable a:visited { nav#cartable a:visited {
} }
aside#cartable a:hover { nav#cartable a:hover {
} }
/* ENQUEUE DE PAGE */ /* ENQUEUE DE PAGE */

10
style/bleu.css
View File

@ -46,25 +46,25 @@ color: #ffffff;
} }
/* MENU */ /* MENU */
aside#cartable { nav#cartable {
background-color: #223355; background-color: #223355;
color: #ffffff; color: #ffffff;
} }
aside#cartable h3 { nav#cartable h3 {
color: #ffffff; color: #ffffff;
border-color: #ffffff; border-color: #ffffff;
} }
aside#cartable a:link { nav#cartable a:link {
color: #aaaabb; color: #aaaabb;
} }
aside#cartable a:visited { nav#cartable a:visited {
color: #aaaabb; color: #aaaabb;
} }
aside#cartable a:hover { nav#cartable a:hover {
background-color: #aaaabb; background-color: #aaaabb;
color: #223355; color: #223355;
} }

10
style/noir.css
View File

@ -47,25 +47,25 @@ color: #ffffff;
} }
/* MENU */ /* MENU */
aside#cartable { nav#cartable {
background-color: #000000; background-color: #000000;
color: #ffffff; color: #ffffff;
} }
aside#cartable h3 { nav#cartable h3 {
color: #ffffff; color: #ffffff;
border-color: #ffffff; border-color: #ffffff;
} }
aside#cartable a:link { nav#cartable a:link {
color: #aaaabb; color: #aaaabb;
} }
aside#cartable a:visited { nav#cartable a:visited {
color: #aaaabb; color: #aaaabb;
} }
aside#cartable a:hover { nav#cartable a:hover {
background-color: #aaaabb; background-color: #aaaabb;
color: #223355; color: #223355;
} }

10
style/sans_menu.css
View File

@ -137,7 +137,7 @@ clear: both;
} }
/* MENU */ /* MENU */
aside#cartable { nav#cartable {
position: absolute; position: absolute;
height: auto; height: auto;
width: 20%; width: 20%;
@ -152,7 +152,7 @@ border-bottom-left-radius: 25px;
overflow: hidden; overflow: hidden;
} }
aside#cartable h3 { nav#cartable h3 {
width: 90%; width: 90%;
text-align: center; text-align: center;
border-bottom: solid; border-bottom: solid;
@ -162,14 +162,14 @@ border-radius: 12px;
-webkit-border-radius: 12px; -webkit-border-radius: 12px;
} }
aside#cartable a:link { nav#cartable a:link {
text-decoration: underline; text-decoration: underline;
} }
aside#cartable a:visited { nav#cartable a:visited {
} }
aside#cartable a:hover { nav#cartable a:hover {
} }
/* ENQUEUE DE PAGE */ /* ENQUEUE DE PAGE */