phpBB-fr.com

[abble]

» Transférer à la .css les modifications du thème ( par spitfire pat )

But du tutoriel :
Ce tutoriel va vous montrer comment intégrer les modifications d'un thème faites par le panneau d'administration dans votre feuille de style externe.


Info: Cette documentation est faite à partir d'un thème de base subSilver version 2.0.21.


Feuilles de styles interne et externe. Que faut-il savoir?

Vous avez pu remarquer que la feuille de style de votre thème est gérée de 2 façons:
» feuille de style interne, située dans overall_header.tpl entre les balises <style>
» feuille de style externe située dans le fichier subSilver.css
c'est dans overall_header.tpl que se décidera quelle feuille de style sera utilisée:

» Feuille de style interne:

on neutralise l'appel à la feuille externe


Code: Tout sélectionner

<!-- link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" -->


et alors le style sera déterminé par les codes situés entre les balises <style>

» Feuille de style externe:

on déneutralise l'appel à la feuille de style externe


Code: Tout sélectionner

<link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css">


et on supprime tout ce qui se trouve entre les balises <style> (sinon le style "interne" écrasera le style "externe").

Le problème est, que quand vous modifiez votre thème dans le panneau d'administration, ces modifications ne sont prises en compte que pour la feuille de style interne, le fichier css n'est pas modifié, ce qui peut être génant pour les thèmes et MODS utilisant la feuille de style externe.

» Pour transférer à votre feuille externe les modifications, vous allez procéder ainsi:


» A partir de n'importe quelle page de votre forum, affichez le code source:

» sous IE: menu affichage->source



» sous mozilla: menu affichage -> code source de la page



» ceci ouvre une fenêtre texte, contenant le code html de votre page, dans lequel vous allez chercher:

Code: Tout sélectionner

<style type="text/css">





» vous allez sélectionner le texte à partir de la ligne suivante



» jusqu'à la ligne au dessus de la balise </style>



» vous copiez le texte sélectionné (CTRL C)
» ensuite ouvrez avec le bloc notes votre fichier .css
» sélectionnez l'ensemble du contenu (CTRL A)



» collez le texte copié précédemment (CTRL V)
» et sauvegardez votre .css.

Voilà, vous avez maintenant votre travail de modification par l'ACP transféré au fichier subSilver.css
Merci à spitfire pat pour sa contribution.