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_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
# création de la page d'index
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…"
# entete
@$(PROG_ECHO) -e "\t…insertion de l'entête"

3
composants/entete.html
View File

@ -3,6 +3,9 @@
<head>
<meta charset="UTF-8" />
<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_COULEUR@@" type="text/css" media="all" title="Défaut" />
</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 -->
<aside id="cartable">
<nav id="cartable">
<div class="sacoche">
<h3>Menu</h3>
<ul>
@ -8,4 +8,4 @@
<li>Lien 3</li>
</ul>
</div>
</aside>
</nav>

10
style/avec_menu.css
View File

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

10
style/bleu.css
View File

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

10
style/noir.css
View File

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

10
style/sans_menu.css
View File

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