Système de template trés trés simple et souple

Commenter

Contenu du snippet

Voilà un système trés imple à mettre en place et qui permet de rapidement modifier votre mise en page ;)

En première partie, a quoi sa sert des templates ? c'est quoi ?
Un template c'est la structure html de ton site, tu peu assimiler sa au design du site. En général les sites qui utilise des templates les utilises pour gagner du temps lors d'une mise à jour du design...
Cela leur évite de refaire une par une leur page.
Ce système va te permettre de trés facilement modifier le design de ton site rapidement et mème d'avoir plusieurs design !

Pour cela essaye de reproduire la structure de ce site:
[quote]index.php dans le répertoire courant
Rajoute un dossier nommé thème ou template (ici c'est template).
à l'intérieur de ce dossier créer un autre dossier et nomme le "site".
a l'intérieur créer des pages php vide nommé hpage.php, bpage.php htab.php, mtab.php, btab.php /quote

Voilà donc la structure de ton site. A présent il te faut l'intégrer dans tes pages ;)
Pour cela dans ta page config ou connection ( il te faut mettre ce code dans une page qui est présente sur toutes les pages de ton site.
rajoute cela:
[quote] $theme=="site";/quote
Maintenant que la liaison est faite entre ton site et le répertoire de ton template, créer une page dans le répertoire racine de ton site:

<?
include("./templates/$theme/hpage.php");
// entète de ta page
include("./templates/$theme/htab.php");
echo'Bienvenue sur mon site';
// titre du tableau
include("./templates/$theme/mtab.php");
echo'... mon texte et mes infos';
include("./templates/$theme/btab.php");
// fin de ton tableau
include("./templates/$theme/bpage.php");
// fin de ta page
?>

Ce code ta permit de générer une page php toute simple... surement vide....
Maintenant, met le code html de ton design dans les page de ton thème p)
N'oublie pas qu'il faut faire comme si elles étaient dans le répertoire courant de ton site !

Hpage.php doit contenir l'entète du site
bpage.php le bas du site.

Bien sur tu peu modifier le nom des pages et rajouter des fichiers ;)
Par la suite tu peu rajoute un fichier php contenant toutes les varaibles du thème comme les couleurs, son auteur ect...

si tu veux rapidement faire ton propre thème met cela dans les fichiers :

HPAGE.PHP
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Title here!</title>
</head>
<body>/quote

BPAGE.PHP
[quote]
</body>
</html>
/quote

HTAB.PHP
[quote]
<TABLE cellSpacing=0 cellPadding=0 width="550" bgColor=#2465C6 border=0>
<TBODY>
<TR>
<TD> <TABLE cellSpacing=1 cellPadding=0 bgColor=#000000
border=0>
<TBODY>
<TR>

</TR>
</TBODY>
</TABLE>
<TABLE cellSpacing=1 cellPadding=3 width="100%" bgColor=#000000
border=0>
<TBODY>
<TR>
<TD align=middle bgColor=#C20303><font face=VERDANA><B>
/quote

MTAB.PHP
[quote]
</B></FONT> </TD>
</TR>
<TR>
<TD bgColor=#F5F5F5><STRONG>
/quote

BTAB.PHP
[quote]
</TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE>
/quote

Voilà donc un moteur de templates trés simple et surout trés souple !
Par la suite tu pourra facilement le modifier et rajouter de nouvelles fonctions !

Par exemple pour avoir un second thème, fait un copier coller du dossier "site" dans le dossier "templates", donne lui un nom différent, modifie tes fichiers à l'intérieur du répertoire, et modifie cette partie du code dans ton fichier commun.

[quote] $theme=="nom_de_tn_dossier";/quote

Source / Exemple : 


HPAGE.PHP 
<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 
<html>
<head>
       <title>Title here!</title>
</head>
<body>/quote

BPAGE.PHP
[quote]
</body>
</html>
/quote

HTAB.PHP
[quote]
<TABLE cellSpacing=0 cellPadding=0 width="550" bgColor=#2465C6 border=0>
  <TBODY>
    <TR> 
      <TD> <TABLE cellSpacing=1 cellPadding=0 bgColor=#000000 
            border=0>
          <TBODY>
            <TR> 
              
            </TR>
          </TBODY>
        </TABLE>
        <TABLE cellSpacing=1 cellPadding=3 width="100%" bgColor=#000000 
            border=0>
          <TBODY>
            <TR> 
              <TD align=middle bgColor=#C20303><font face=VERDANA><B>
/quote

MTAB.PHP
[quote]
</B></FONT> </TD>
            </TR>
            <TR> 
              <TD bgColor=#F5F5F5><STRONG>
/quote

BTAB.PHP
[quote]
</TD>
            </TR>
          </TBODY>
        </TABLE></TD>
    </TR>
  </TBODY>
</TABLE>
/quote

Conclusion :


Voilà donc un moteur de templates trés simple et surout trés souple !
Par la suite tu pourra facilement le modifier et rajouter de nouvelles fonctions !

Par exemple pour avoir un second thème, fait un copier coller du dossier "site" dans le dossier "templates", donne lui un nom différent, modifie tes fichiers à l'intérieur du répertoire, et modifie cette partie du code dans ton fichier commun.

[quote] $theme=="nom_de_tn_dossier";/quote

l'url pour plus d'infos et mon site :
http://forum.free-bb.com/index-209.html

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (scull)