[Doc] Transférer à la .css les modifications du thème

Découvrez ici une liste de documents concernant phpBB: son installation, sa mise à jour et enfin son utilisation.
En bref, apprenez ici à vous servir de phpBB2!

Modérateur: Equipe

Règles du forum
A lire impérativement sur notre page : Règlement

[Doc] Transférer à la .css les modifications du thème

Messagepar abble » 17 Aoû 2006 à 19:05

    » 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.


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


    Image 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


      Image

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

      Image

      » 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">


      Image

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

      Image

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

      Image

      » 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)


      Image

      » 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
      Image Merci à spitfire pat pour sa contribution.
Styles phpBB3 uniques et sur mesure :
Cosa Nostra Design
Mon nouveau Resto :
Pizzeria L' Olivier
Avatar de l’utilisateur
abble
Floodeur universel
Floodeur universel
 
Messages: 11882
Enregistré le: 04 Oct 2004 à 10:34
Localisation: Entre la pierre et la plume...

Retourner vers [phpBB 2.0.x] Forum de documentation

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité