Code dans la feuille de style d'overall_header.tpl

Appellation dans la gestion du thème subSilver

Les templates de phpBB sont gérés par une feuille de style CSS (Cascading Style Sheet).
Le style du template de base subSilver est défini dans le fichier Templates/subSilver/overall_header.tpl (voir pages suivantes). Toutefois, les programmeurs ont inclus une feuile de style séparée, subSilver.css qui peut aussi être utilisée.
Pour passer de l'une à l'autre une petite modification suffit dans overall_header:

1. Lien vers la feuille de style d'overall_header (par défaut)
<!--link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" -->
<p>
<style type="text/css">

2. Lien vers fichier subSilver.css
<link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" -->
<p>
<!--style type="text/css">

Le tableau ci-contre traduit la correspondance entre les codes qui figurent dans la gestion du thème (Panneau d'administration > Administration des thèmes > Gestion) et la feuille de style qui se trouve dans le fichier overall_header.tpl du template subSilver.
De fait, si vous remplacez une de ces valeurs par la couleur de votre choix, elle va être affectée à tous les éléments graphiques portant le même code, ce qui n'est pas forcément souhaité.
Dans ce cas d'un remplacement voulu sélectif il faudra donc intervenir directement dans la feuille de style que vous allez découvrir en détail pages suivantes.

Personnaliser un code couleur est simple. Il suffit de remplacer le code, par exemple {T_TD_COLOR2}, par une valeur hexadécimale sous la forme #xxxxxx

ce qui pourrait donner :
td.row3 { background-color: {T_TR_COLOR3}; }
remplacé par
td.row3 { background-color: #FFFFFF ; }

De même, les tailles de caractères prédéfinies sous la forme :
th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }

peuvent être remplacées par
th.thHead,td.catHead { font-size: 12 px; border-width: 1px 1px 0px 1px; }

Certaines cellules sont "colorées" par un fichier gif ou jpg. Par exemple,
background-image: url(templates/subSilver/images/{T_TH_CLASS3});
background-repeat: repeat-y;
peut être remplacé par son équivalent :
background-image: url(templates/subSilver/images/cellpic2.jpg);
background-repeat: repeat-y;

Background-repeat: repeat-y; signifie que l'image est, si nécessaire pour compléter la cellule, répétée verticalement mais pas horizontalement
Repeat-x signifierait répétition horizontale mais pas verticale
no-repeat signifie pas de répétition du tout.

 

>>>