Lien vers ce message 24 Avril 2005, 14:45
Vous avez envie de créer un thème adapté au design de votre site pour votre forum ? Vous souhaitez mettre vos talents de graphiste à l'épreuve, ou même vous initier à l'art du web-design ? Ce tutorial explique très brièvement les étapes à suivre pour pouvoir créer un thème sur FSB.

  1. [size=18]Créer le dossier du thème[/size]
      Vous devez tout d'abord créer un dossier pour votre thème, pour cela il vous suffit de copier le dossier du thème officiel IceCold/ disponible de base dans tout forum, de le coller à ses cà´tés (donc votre nouveau dossier se trouvera dans le dossier ./themes/), puis de le renommer avec le nom de votre thème (admettons EssaiTheme). Mintenant allez dans le dossier EssaiTheme/ (qui doit contenir la même choose que le dossier IceCold/) et renommez le fichier CSS (IceCold.css) avec le nom_du_theme.css, donc dans votre exemple EssaiTheme.css.
      Votre thème sera désormais selectionable dans le profil de vos membres (à condition de leur avoir autoriser de changer de thème dans le panneau de configuration).


  2. [size=18]Modifier les images du thème[/size]
      Vous trouverez les images du thème dans le dossier images/ de celui ci. Ce dossier contient les images communes à chaque langues (donc des images à priori sans aucun texte dessus) et contient des sous dossiers avec les images pour la langue spécifiée. Si vous souhaitez créer des images dans une autre langue il suffit de créer un répertoire identique au répertoire fr/. Vous pourrez vous aider des PSD disponibles sur le site avec le logiciel photohop (payant) pour modifier ou vous inspirer d'images existantes sur d'autres thèmes.


  3. [size=18]Modifier le style du thème (couleurs, polices, etc ...)[/size]
      Chaque thème contient un fichier .css dont le nom correspond à celui du thème, ce fichier contient les informations principales de votre thème (nom de la police dans les tableaux, taille de celle ci dans les messages, couleur dans le profil, etc ...). En modifiant ce fichier ce fichier vous pourrez ainsi changer toutes les couleurs de votre forum. Si vous ne connaissez pas les CSS quelques recherches sur google vous apporteront toutes les réponses necessaires. L'intéret des fichiers .css est de permettre de modifier les couleurs de tout un thème en touchant uniquement à ce fichier .css


  4. [size=18]Modifier les fichiers du thème[/size]
      Si vous connaissez un peu le HTML, vous pourrez modifier la structure même de vos pages, pour votre votre thème totalement unique et original. Il suffit pour cela d'éditer les fichiers .tpl (avec un simple éditeur de texte). Attention cependant il y a quelques restrinctions, les balises du style
      <!-- BEGIN truc -->
      <!-- END truc -->
      <!-- IF truc -->
      <!-- ELSEIF truc -->
      <!-- ELSE -->
      <!-- ENDIF -->
      <!-- BEGIN_PHP -->
      <!-- END_PHP -->
      <!-- INCLUDE_TPL truc -->

      sont très importantes et vous ne devrez les toucher que si vous savez ce que vous faites, vous trouverez davantages d'informations dessus dans la section MODS des tutoriaux. De mêmes les données entre {} comme {TRUC} ou {bloc.TRUC} sont comme du texte, ce sont des varables qui seront remplacées par leur valeur donc n'y toucher pas si vous ne save poas ce que vous faites.



  5. [size=18]Aller un peu plus loin : le fichier de configuration du thème[/size]
      Chaque thème possède un fichier configuration_theme.php. Ce fichier vous permettra de personaliser votre thème comme jamaiq vous ne l'aurez fait, vous pourrez en effet rajouter du code PHP afin de rajouter des nouvelles fonctionalités impossibles à faire en HTML. Si vous souhaitez un petit exemple vous pouvez regarder le thème EverTech qui utilise ce fichier pour afficher la liste des forums sur chaque page. La seule limite restera votre immagination :)



Cause Im as free as a bird now, And this bird you can not change. - Freebird - Lynyrd Skynyrd
There's someone in my head but it's not me. - Brain damage - Pink Floyd
I said baby, you know Im gonna leave you. - Babe I'm gonna leave you - Led Zeppelin
Father ? yes son, I want to kill you - The end - The Doors