phpBB-fr.com

[lolovoisin]

» Comment enlever le texte visible sous les boutons

Ce tutoriel s'adresse aux personnes qui ont des boutons dont la taille est supérieure à celle d'origine 96*50 et usant de transparence.

Comme vous pouvez le voir, sur certains boutons, on voit apparaitre le texte derrière les boutons.



Cela est du au fait que le texte est normalement caché derrière le bouton mais avec la transparence, on voit quand même un bout du texte.
Pour modifier ceci, il faut donc remettre le texte derrière le bouton.

pour ça, il vous faut ouvrir le fichier /phpbb3/styles/votre_thème/template/viewtopic_body.html
La modification suivante est à faire aux deux lignes, 35 et 243

CHERCHER:


Code: Tout sélectionner

<span></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>


APRES


Code: Tout sélectionner

</span>


RAJOUTER


Code: Tout sélectionner

<br />



ouvrir le fichier /phpbb3/styles/votre_thème/template/viewforum_body.html
La modification suivante est à faire aux deux lignes, 42 et 186.

CHERCHER:


Code: Tout sélectionner

<span></span><!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF --></a></div>


APRES


Code: Tout sélectionner

</span>


RAJOUTER


Code: Tout sélectionner

<br />



ouvrir le fichier /phpbb3/styles/votre_thème/template/ucp_pm_message_header.html

CHERCHER:


Code: Tout sélectionner

<span></span>{L_POST_REPLY_PM}</a>


APRES


Code: Tout sélectionner

</span>


RAJOUTER


Code: Tout sélectionner

<br />




CHERCHER:


Code: Tout sélectionner

<span></span>{L_UCP_PM_COMPOSE}</a>


APRES


Code: Tout sélectionner

</span>


RAJOUTER


Code: Tout sélectionner

<br />




CHERCHER:


Code: Tout sélectionner

<span></span>{L_FORWARD_PM}</a>


APRES


Code: Tout sélectionner

</span>


RAJOUTER


Code: Tout sélectionner

<br />



Nous allons maintenant modifier le fichier content.css, pour remettre une hauteur correcte pour l'affichage sur les forums.
Pour cela, il vous faut regarder la taille de votre image de boutons et diviser par deux la hauteur.

Exemple pour une image button_topic_reply.gif de taille 96*72, la moitié de la hauteur est 72/2 = 36


ouvrir le fichier /phpbb3/styles/votre_thème/theme/content.css

CHERCHER:


Code: Tout sélectionner

.topic-actions {
   margin-bottom: 3px;
   font-size: 1.1em;
   height: 28px;
   min-height: 28px;



puis remplacez les valeurs de height et min-height (28) par votre nouvelle valeur (pour l'exemple 36).

Sauvegardez vos fichiers et pensez à rafraichir vos thèmes et templates et voici le résultat: