| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
SquallX
Partisan
Inscrit le: 30 Jan 2005
Messages: 50
Localisation: Perpignan
|
 Posté le: Mar 10 Mai 2005 à 22:15 Sujet du message: [TUTO] Réaliser un Template |
 |
|
phpBB & Graphisme :: Réaliser un Template
Bonjour.
Dans ce tutorial nous allons voir ensemble comment réaliser un template. Il y a plusieurs façons de réaliser un template vous savez.
1° en changeant tout simplement les images, la feuille de style CSS et le nom du thème. Ce thème ci sera donc énormément ressemblant du thème d'origine : subSilver. Mais il faut bien commencer par quelque chose.
2° en changeant bien entendu la feuille de style CSS, en changeahnt les images, en changeant le nom du thème mais aussi cette fois ci en touchant au code XHTML. En effet. Certains thèmes comme par exemple Morpheus ou Creamy White ont beaucoup changés le code d'origine du template. Et c'est là que réside le secret d'un beau template.
Vous devez faire attention lorsque vous créez un template de bien changer dans le thème en question les adresses des images. Par exemple dans subSilver vous avez :
| Code: | | <img src="templates/subSilver/images/spacer.gif" width="{INBOX_LIMIT_IMG_WIDTH}" height="8" alt="{INBOX_LIMIT_PERCENT}" /> |
Et bien entendu vous devrez changer le repertoire subSilver par le nom de votre propre thème. Vous devez bien entendu faire cela pour chaque fichiers.
Maintenant imaginos que dans votre template vous rajoutiez des images pour le rendre plus convivial. Alors dans ce cas vous devez rajouter et déclarer les images dans le fichier ton_theme.cfg. Par exemple :
| Code: | $images['voting_graphic'][0] = "$current_template_images/voting_bar.gif";
$images['voting_graphic'][1] = "$current_template_images/voting_bar.gif";
$images['voting_graphic'][2] = "$current_template_images/voting_bar.gif";
$images['voting_graphic'][3] = "$current_template_images/voting_bar.gif";
$images['voting_graphic'][4] = "$current_template_images/voting_bar.gif"; |
qui se trouve par défaut. Si vous ne savez pas à quoi correspondent ces images, vous allez vous rendre dans SubSilver (thème où sont tirés les images) et rechercher voting_bar.gif, vous verrez ensuite à quoi correspond cette image. Ce que vous devez retenir c'est que vous devez déclarer les images importantes qui serviront souvent dans le fichier votre_theme.cfg. Mais vou pouvez tout aussi bien les faire passer par la feuille de style CSS 
Vous ne devez surtout pas oublier d'éditer le fichier theme_info.cfg dans lequel vous définirez le nom du thème et le chemin vers la feuille de style CSS. C'est cette partie qui nous interesse le plus :
| Code: | $subSilver[0]['template_name'] = "subSilver";
$subSilver[0]['style_name'] = "subSilver";
$subSilver[0]['head_stylesheet'] = "subSilver.css"; |
Déjà vous vous doutez bien que nous allons devoir modifier de cette façon ci, imaginons que le thème que je crée s'intitule xtrablue :
| Code: | $xtrablue[0]['template_name'] = "xtrablue";
$xtrablue[0]['style_name'] = "xtrablue";
$xtrablue[0]['head_stylesheet'] = "xtrablue.css"; |
Vous pouvez bien entendu jouer avec les majuscules mais attention. Pas de majuscule dans $xtrablue. Par la suite vous pouvez éditer d'autres fonctions dans cette fiche comme par exemple la police :
| Code: | $subSilver[0]['fontface1'] = "Verdana, Arial, Helvetica, sans-serif";
$subSilver[0]['fontface2'] = "Trebuchet MS";
$subSilver[0]['fontface3'] = "Courier, \'Courier New\', sans-serif"; |
Et encore pleins d'autre choses. Mais soyez bien sur de ce que vous faîtes et n'hésitez pas à poser des questions dans le forum de support |
|
| Revenir en haut de page |
|
 |
Alcazarfr
Moddeurs
Inscrit le: 04 Nov 2004
Messages: 2408
Localisation: Dans le port d'Amsterdam, [...]
|
| Posté le: Mer 11 Mai 2005 à 13:20 Sujet du message: |
|
|
Il est sympa, mais corrige les quelques coquilles.
De plus, il est un peu.. court, non ? (ou simpliste...)
_________________
Je n'utilise en aucun cas MSN Messenger & je ne participe pas au projet de site
// En vacances |
|
| Revenir en haut de page |
|
|
SquallX
Partisan
Inscrit le: 30 Jan 2005
Messages: 50
Localisation: Perpignan
|
| Posté le: Mer 11 Mai 2005 à 13:30 Sujet du message: |
|
|
| C'est vrai, je pensais le poursuivre et l'améliorer un peu mais le côté graphique n'est pas trop mon truc |
|
| Revenir en haut de page |
|
|
|
FAQ
Rechercher
Liste des Membres
Groupes d'utilisateurs
S'enregistrer
Profil
Se connecter pour vérifier ses messages privés
Connexion
