[Templates] Template .tpl : Lecture et application d'un CSS

**malibu11384** · 17/06/2008, 12h03

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**kabkab** · 17/06/2008, 12h22

Bonjour,
As-tu essayé avec cette écriture?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="http:/www.ton-domaine.com/css/css.replace.css" rel="stylesheet" type="text/css" />

Tu remplaces http:/www.ton-domaine.com par le tien de domaine.

**benji07** · 17/06/2008, 12h26

dans ton cas, je pense que le lien vers le css n'est pas bon, ça doit être du au fait que tu utilise le mod_rewrite, et si tu essaye en mettant un lien absolu pour le css avec http://...

**malibu11384** · 17/06/2008, 13h33

Le lien vers mon CSS est correct, j'ai testé en copiant ma page index.tpl et en la renommant index.html et mon CSS fonctionne bien sur cette page index.html...

Je crois bien que le CSS ne peut s'appliquer que sur une page HTML.

Pourtant, le forum PHPBB utilise ce système de template (.tpl) et leur style fonctionne bien...

Je vais essayer de trouver dans ce forum PHPBB...

SI quelqu'un a une autre idée sur le problème

**kabkab** · 17/06/2008, 17h19

Bonjour,
Je me trompe peut-être mais tu essayes de lire un fichier tpl à partir de ton navigateur? Si c'est le cas, c'est une erreur (pas très grave). Le template, en théorie du moins, est un fichier destiné à créer un gabarit pour aboutir à une page html.
Il est vrai que tu peux paramétrer ton serveur pour identifier tpl comme étant une page html mais ça n'est une bonne solution. Il vaut mieux rester dans les standards.

**arnogb69** · 05/08/2008, 08h37

Je pense comme les autres que tu te trompes dans ton appel aussi...

En fait, tu dois linker ton CSS à partir de ta page appelante, c'est à dire à partir de ta page .php, et non à partir de l'arborescence de ton .tpl

(comment ça le problème date de 2 mois ^^)

[Templates] Template .tpl : Lecture et application d'un CSS

Bibliothèques et frameworks PHP

Vue hybride

Discussions similaires

Partager

Partager