[PHPBB2] Changer les boutons Nouveau,Repondre et Verrouillé par du texte

,

actuellement vous avez des boutons représentés par une image pour répondre ou poster un nouveau sujet.

Je vais vous donner l'astuce afin de supprimer l'image et déposer un texte de votre choix   .


On déposera un script ensuite pour afficher un texte lorsque le forum ou le message sera verrouillé .

Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur les sous forums et les sujets.

Collez ceci:

Code:

// LES SUJETS VERROUILLES
$(document).ready(function(){
$('a#M14_i_reply[alt="Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses."]').attr('id','M14_ver_post').html('Verrouillé');
$('a#M14_i_reply_bis[alt="Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses."]').attr('id','M14_ver_post').html('Verrouillé');
});
//UN FORUM VERROUILLE
 $(document).ready(function(){
$('a#M14_News_Post[alt="Ce forum est verrouillé, vous ne pouvez pas poster, ni répondre, ni éditer les sujets."]').attr('id','M14_ver_forum').html('Verrouillé');
});

Vous pouvez changer le texte "Verrouillé" par le texte de votre choix en prenant soin de laisser les apostrophes ici:

Code:

.html('Verrouillé')

Pensez a cliquer sur le bouton 

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Collez ceci:

Code:

/*Boutons Nouveau sujet*/
#M14_News_Post {color:green;text-decoration:none !important;}
/*Boutons repondre en haut de page ouis le bas de page*/
#M14_i_reply , #M14_i_reply_bis{color:darkgreen;text-decoration:none !important;}  
/*Bouton des sujets verrouilles*/
#M14_ver_post {color:red !important;text-decoration:none !important;}
/*Bouton d un forum verrouille*/
#M14_ver_forum {color:red !important;text-decoration:none !important;}

La couleur verte et rouge seront donc a changer selon votre désign
Pensez à valider les modifications en cliquant sur le bouton  

On va passer aux modifications dans deux templates.

Dans le template viewforum_body:
Affichage/Templates/Général/viewforum_body

Recherchez ceci ligne 6 environ :

Code:

<a href="{U_POST_NEW_TOPIC}" rel="nofollow">
<img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>

Supprimez et remplacez par:

Code:

<a href="{U_POST_NEW_TOPIC}" rel="nofollow"id="M14_News_Post"alt="{L_POST_NEW_TOPIC}"title="{L_POST_NEW_TOPIC}">Nouveau</a>

Remplacez le texte "Nouveau" par votre souhait.

Plus bas recherchez ceci ligne 85 environ:

Code:

<a href="{U_POST_NEW_TOPIC}" rel="nofollow">
<img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" />
</a>

Supprimez et remplacez par:

Code:

 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"id="M14_News_Post"alt="{L_POST_NEW_TOPIC}"title="{L_POST_NEW_TOPIC}">
                             Nouveau</a>

Pensez à enregistrer puis à valider en cliquant respectivement sur    puis


Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Recherchez ceci ligne 52 environ:

Code:

<span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>

Supprimez et remplacez par:

Code:

<span class="nav">
 <!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"id="M14_News_Post"alt="{L_POST_NEW_TOPIC}"title="{L_POST_NEW_TOPIC}">
Nouveau</a>   
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"id="M14_i_reply"alt="{L_POST_REPLY_TOPIC}"title="{L_POST_REPLY_TOPIC}">Répondre</a>
 <!-- END switch_user_authreply -->
 </span>

Plus bas recherchez ceci ligne 439 environ:

Code:

<span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>

Supprimez et remplacez par:

Code:

<span class="nav">
 <!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"id="M14_News_Post"alt="{L_POST_NEW_TOPIC}"title="{L_POST_NEW_TOPIC}">Nouveau</a>  &nbsp;
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"id="M14_i_reply_bis"alt="{L_POST_REPLY_TOPIC}"title="{L_POST_REPLY_TOPIC}">Répondre</a>
 <!-- END switch_user_authreply -->
 </span>

Changez le texte "Nouveau " et "Répondre par le texte de votre choix

Penses à enregistrer puis à valider en cliquant respectivement sur    puis

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Fonctionne à merveille  :tatatff:Philippe. Merci pour cette astuce .

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Ah, ben zut, m'avait échappé celui-là !

Merci Milouze


Comme cette astuce est un peu longuette, je vais la mettre en place à un autre moment.

1) Possible de choisir une police pour personnaliser davantage
2) une petite icône devant le texte ?

Ah, les femmes !!!

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !