[Templates] Template .tpl : Lecture et application d'un CSS
Bonjour à tous
Je viens de créer un moteur de template en PHP qui fonctionne correctement :
J'ai des pages .tpl avec du code HTML et des variables du style ${nom_variable} qui sont remplacées par des valeurs de variables définies dans d'autre pages php : Jusqu'ici, tout fonctionne bien.
Dans ces pages .tpl (qui correspondent aux page templates), je veux inserer un CSS externe pour le design et le visuel de ces pages.
J'ajoute donc dans le header de ma page .tpl (entre <head>...</head>) le code adécquate pour insérer mon CSS :
Code:
<link href="css/css.replace.css" rel="stylesheet" type="text/css" />
Après avoir vérifier si le lien vers mon CSS était correct, celui ne s'applique toujours pas.
Est ce du au fait que mon fichier n'est pas un fichier .html? Peut on ajouter un CSS dans un fichier .tpl ou faut il absolument un .html .
Merci de votre aide.
PS : ci dessous l'exemple simple dece que je veux faire :
Page CSS :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
| /* CSS Document */
#pub_top{
color: #FF0000;
}
#menu_horizontal{
}
#menu_vertical{
visibility:hidden; /* Default : desactivate */
}
#pub_right{
}
#body{
}
#news{
}
#specific_1{
}
#footer{
}
#specific_2{
visibility:hidden; /* Default : desactivate */
color:red;
}
#specific_3{
visibility:hidden; /* Default : desactivate */
}
#specific_4{
visibility:hidden; /* Default : desactivate */
}
#specific_5{
visibility:hidden; /* Default : desactivate */
} |
Page index.tpl :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${language}" lang="${language}">
<head>
<title>${title}</title>
<link href="css/css.replace.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=${encodage}" />
<meta http-equiv="Content-Language" content="${language}" />
<meta id="Author" content="${author}" />
<meta id="keywords" content="${keyword}" />
<meta id="description" content="${description}" />
<meta id="publisher" content="${publisher}" />
<meta id="copyright" content="${copyright}" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript">// SCRIPT FOR DISPLAY ACTIVE FLASH //</script>
</head>
<body>
<div id="pub_top">${pub_top}</div>
<div id="menu_horizontal">${menu_horizontal}</div>
<div id="menu_vertical">${menu_vertical}</div>
<div id="pub_right">${pub_right}</div>
<div id="body">${body}</div>
<div id="news">${news}</div>
<div id="specifique_1">${specifique_1}</div>
<div id="footer">${footer}</div>
<div id="specifique_2">${specifique_2}</div>
<div id="specifique_3">${specifique_3}</div>
<div id="specifique_4">${specifique_4}</div>
<div id="specifique_5">${specifique_5}</div>
</body>
</html> |
