Modifier le nom des onglets du menu ?

[SimpsonFrance]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Maintenant
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

Comment modifier le nom des boutons de l'accueil ? (accueil, membres, groupes,..)

Merci !

[Invité]

Hello SimpsonFrance,

je remarque que sur ton forum, tu as aussi des images associées:



Désires tu les garder ?
Dans le cas d'une réponse positive le script suivant var reprendre l'identifiant de l'image et mettre le texte désiré.

Chaque bouton est commenté afin de mieux se repérer.
Il se présente tous ainsi:

Exemple pour le bouton "Accueil":

Ce qui donne en visu:

Code:



//on remplace le texte accueil par Maison
$('img[id="i_icon_mini_index"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Accueil/g,"Maison"));});



Ceci est un commentaire, il n'agit sur rien .

//on remplace le texte accueil par Maison

Si tu désires mettre autre chose que Maison, il suffit de changer le texte ici entre les doubles guillemets:

Code:


(/Accueil/g,"Maison")



La procédure et la même pour tous les autres.


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.


Déposes ceci:

Code:


$(function(){
//on remplace le texte accueil par Maison
$('img[id="i_icon_mini_index"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Accueil/g,"Maison"));});
//on remplace le texte membres par Communauté
$('img[id="i_icon_mini_members"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Membres/g," Communauté"));});
//on remplace le texte groupes par Liste
$('img[id="i_icon_mini_groups"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Groupes/g,"Liste"));});
//on remplace le texte calendrier par Agenda
$('img[id="i_icon_mini_calendar"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Calendrier/g,"Agenda"));});
//on remplace le texte Rechercher par Trouver
$('img[id="i_icon_mini_search"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Rechercher/g,"Trouver"));});
//on remplace le texte Profil par Mon profil
$('img[id="i_icon_mini_profile"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Profil/g,"Mon profil"));});
//on remplace le texte Messagerie par Boite MP
$('img[id="i_icon_mini_message"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Messagerie/g,"Boite MP"));});
//on remplace le texte FAQ par Bibliothèque
$('img[id="i_icon_mini_faq"]').closest('a').each(function(){
$(this).html($(this).html().replace(/FAQ/g,"Bibliothèque"));});
//on remplace le texte Connexion par Toc toc
$('img[id="i_icon_mini_login"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Connexion/g,"Toc toc"));});
//on remplace le texte Déconnexion par A bientôt
$('img[id="i_icon_mini_logout"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Déconnexion/g,"A bientôt"));});
//on remplace le texte s'enregistrer par Rejoindre
$('img[id="i_icon_mini_register"]').closest('a').each(function(){
$(this).html($(this).html().replace(/S'enregistrer/g,"Rejoindre"));});

});



Penses à cliquer sur le bouton VALIDER






a++

[SimpsonFrance]

Bonjour, merci de la réponse rapide !

Je vais en effet tester ça car j'aimerais garder les images, je vous tiens au courant !

[Invité]

Re,
les images resteront SimpsonFrance .

a++

[SimpsonFrance]

Dis moi, pour rajouter un lien dans le menu qui mènerait sur une page Html, c'est possible ?

[Invité]

Re,

Oui , c'est ici:

Affichage/Page d'accueil/En-tête & Navigation/Barre de navigation

Ajouter un menu personnalisé

Puis suit cette procédure:



a++

[SimpsonFrance]

je viens de tester ton code pour modifier les titres mais ça n'a rien changé, une piste ? ^^

[Invité]

Re,

je viens de tester ton code pour modifier les titres mais ça n'a rien changé, une piste ? ^^

Tu as bien déposé ceci:

Code:

 
$(function(){
//on remplace le texte accueil par Maison
$('img[id="i_icon_mini_index"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Accueil/g,"Maison"));});
//on remplace le texte membres par Communauté
$('img[id="i_icon_mini_members"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Membres/g," Communauté"));});
//on remplace le texte groupes par Liste
$('img[id="i_icon_mini_groups"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Groupes/g,"Liste"));});
//on remplace le texte calendrier par Agenda
$('img[id="i_icon_mini_calendar"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Calendrier/g,"Agenda"));});
//on remplace le texte Rechercher par Trouver
$('img[id="i_icon_mini_search"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Rechercher/g,"Trouver"));});
//on remplace le texte Profil par Mon profil
$('img[id="i_icon_mini_profile"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Profil/g,"Mon profil"));});
//on remplace le texte Messagerie par Boite MP
$('img[id="i_icon_mini_message"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Messagerie/g,"Boite MP"));});
//on remplace le texte FAQ par Bibliothèque
$('img[id="i_icon_mini_faq"]').closest('a').each(function(){
$(this).html($(this).html().replace(/FAQ/g,"Bibliothèque"));});
//on remplace le texte Connexion par Toc toc
$('img[id="i_icon_mini_login"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Connexion/g,"Toc toc"));});
//on remplace le texte Déconnexion par A bientôt
$('img[id="i_icon_mini_logout"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Déconnexion/g,"A bientôt"));});
//on remplace le texte s'enregistrer par Rejoindre
$('img[id="i_icon_mini_register"]').closest('a').each(function(){
$(this).html($(this).html().replace(/S'enregistrer/g,"Rejoindre"));});
 
});
 

Est-ce les scripts sont bien activés ?



a++

[SimpsonFrance]

J'avais oublié d'activer la gestion, quelle tête en l'air !

Merci à toi !

[Invité]

Re,
je m'en suis douté .
Si les textes sont trop collés aux images, tu peux laisser un espaces avant et
après le texte comme pour "Accueil":

Code:

(/Accueil/g,"Maison")

Comme ceci:

Code:

(/Accueil/g," Maison ")

De rien et à bientôt.

a++

[SimpsonFrance]

Merci ! et si je veux retirer l'onglet groupe, je peux ?

[Invité]

Re,
ne mets pas ton sujet en "Résolu" avant d'avoir réellement clôturé ton sujet car
il risque de partir aux archives .
Pour ta demande, il suffit de trouver dans le script ce code:

Code:


//on remplace le texte groupes par Liste
$('img[id="i_icon_mini_groups"]').closest('a').each(function(){
$(this).html($(this).html().replace(/Groupes/g," Liste"));});


Et de remplacer par:

Code:

//on supprime le bouton groupe
$('img[id="i_icon_mini_groups"]').closest('li').remove();

a++

[SimpsonFrance]

super merci !

[SimpsonFrance]

dernière question, on peut réellement faire un site internet complet en créant des pages HTML sur le forum ?

[Invité]

Re,

dernière question, on peut réellement faire un site internet complet en créant des pages HTML sur le forum ?

Tu peux créer des pages html comme tu le souhaites et les mettre en relation, mais de là a faire un site non .
Mais là on sort de ton sujet .


a++