AccueilMembres connectés récemment
[PHPBB2] Personnaliser les liens de navigation
Page 1 sur 1 • Partagez
- HardRock
-
HardRock Lun 17 Fév 2020 - 18:51
- Version du forum :PHPBB2
- Templates modifiés :oui
- Navigateur :Chrome
Bonsoir,
Encore moi, j'ai besoin d'aide. En réalité, j'avais déjà demandé de l'aide pour mon problème actuel en fin 2018 je crois bien, et j'ai voulu rechercher le sujet que j'avais ouvert, mais je ne le trouve nulle part. Comme j'ai perdu pas mal de données, et je ne sais plus comment résoudre ce problème, je reviens vous embêter.
J'aimerai personnaliser les liens de la navigation : Accueil, rechercher, membres, groupes, profil, messagerie, nouveau message, connexion, déconnexion et s'enregistrer. Mettre une couleur différente de chaque, des signes par exemple. Il me faut le code de base pour modifier et les liens qui correspondent.
Et un petit plus, j'aimerai modifier les mots par d'autre, comme par exemple Accueil par Forum ect.
Merci de votre attention et bonne fin de journée.
Encore moi, j'ai besoin d'aide. En réalité, j'avais déjà demandé de l'aide pour mon problème actuel en fin 2018 je crois bien, et j'ai voulu rechercher le sujet que j'avais ouvert, mais je ne le trouve nulle part. Comme j'ai perdu pas mal de données, et je ne sais plus comment résoudre ce problème, je reviens vous embêter.
J'aimerai personnaliser les liens de la navigation : Accueil, rechercher, membres, groupes, profil, messagerie, nouveau message, connexion, déconnexion et s'enregistrer. Mettre une couleur différente de chaque, des signes par exemple. Il me faut le code de base pour modifier et les liens qui correspondent.
Et un petit plus, j'aimerai modifier les mots par d'autre, comme par exemple Accueil par Forum ect.
Merci de votre attention et bonne fin de journée.
- Milouze14
Fondateur -
Milouze14 Lun 17 Fév 2020 - 20:19
Hello Alex,
alors pour modifier la couleur ce sera ce style:
La c.s.s est commentée.
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:
Penser a cliquer sur le bouton![[PHPBB2] Personnaliser les liens de navigation Sans_t10](https://i.servimg.com/u/f87/11/26/21/37/sans_t10.png)
Il suffit de modifier les vilaines couleurs que je viens de te fournir
par celles que tu souhaites.
Ensuite ce script:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposer ceci:
Penser a cliquer sur le bouton
Pour modifier les textes, il suffit de lire les commentaires et de changer le contenu entre les guillemets comme pour l'index:
alors pour modifier la couleur ce sera ce style:
La c.s.s est commentée.
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:
- Code:
a.mainmenu img{display:none;}
/*INDEX*/
a.mainmenu[href="/"]
{
color:red!important;
}
/*RECHECHER*/
a.mainmenu[href="/search"]
{
color:yellow!important;
}
/*MEMBRES*/
a.mainmenu[href="/memberlist"]
{
color:darkblue!important;
}
/*GROUPES*/
a.mainmenu[href="/groups"]
{
color:green!important;
}
/*PROFIL*/
a.mainmenu[href="/profile?mode=editprofile"]
{
color:violet!important;
}
/*MESSAGERIE*/
a.mainmenu[href="/privmsg?folder=inbox"]
{
color:black!important;
font-size:12px!important;
}
/*MESSAGERIE NOUVEAU MESSAGE*/
a.mainmenu.news[href="/privmsg?folder=inbox"]
{
color:orange!important;
font-size:12px!important;
}
/*CONNEXION*/
a.mainmenu[href="/login"]
{
color:green!important;
}
/*DECONNEXION*/
a[id="logout"].mainmenu
{
color:red!important;
}
/*S ENREGISTRER*/
a.mainmenu[href="/register"]
{
color:darkgreen!important;
}
Penser a cliquer sur le bouton
![[PHPBB2] Personnaliser les liens de navigation Sans_t10](https://servimg.com/r/8711262137/sans_t10.png)
Il suffit de modifier les vilaines couleurs que je viens de te fournir
par celles que tu souhaites.
Ensuite ce script:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposer ceci:
- Code:
$(function(){
//INDEX
var index="Forum";
$('a.mainmenu[href="/"]').text(index);
//RECHERCHER
var recherche="Trouver";
$('a.mainmenu[href="/search"]').text(recherche);
//MEMBRES
var membre="Utilisateurs";
$('a.mainmenu[href="/memberlist"]').text(membre);
//GROUPES
var groupe="Communauté";
$('a.mainmenu[href="/groups"]').text(groupe);
//PROFIL
var profil="Statut";
$('a.mainmenu[href="/profile?mode=editprofile"]').text(profil);
//CONNEXION
var connect="Rejoindre";
$('a.mainmenu[href="/login"]').text(connect);
//DECONNEXION
var deconnect="Quitter";
$('a[id="logout"].mainmenu').text(deconnect);
//S ENREGISTRER
var register="Rejoindre la communauté";
$('a.mainmenu[href="/register"]').text(register);
//MESSAGERIE
var nonemp="Pas de message";
$('a.mainmenu[href="/privmsg?folder=inbox"]').text(nonemp);
//NOUVEAU MP
var mp="Nouveau mp";
$.get('/privmsg?folder=inbox' , function(data){
var newsmp= $(data).find('img[alt="Message Non-lu"]').length;
if(newsmp>=1)
{
$('a.mainmenu[href="/privmsg?folder=inbox"]').addClass('news').text(mp);
}
});
});
Penser a cliquer sur le bouton
Pour modifier les textes, il suffit de lire les commentaires et de changer le contenu entre les guillemets comme pour l'index:
- Code:
//INDEX
var index="Forum";
- Milouze14Fondateur
-
Milouze14 Jeu 20 Fév 2020 - 17:28
Hello
Si ton sujet est résolu, merci de suivre la procédure suivante:
Un tag précédent ton premier message est présent.
Il te suffira de cliquer sur ce dernier pour mettre ton sujet en résolu.
Si ton sujet est résolu, merci de suivre la procédure suivante:
Un tag précédent ton premier message est présent.
Il te suffira de cliquer sur ce dernier pour mettre ton sujet en résolu.
- Milouze14Fondateur
-
Milouze14 Ven 21 Fév 2020 - 16:34
Hello
Si ton sujet est résolu, merci de suivre la procédure suivante:
Un tag précédent ton premier message est présent.
Il te suffira de cliquer sur ce dernier pour mettre ton sujet en résolu.
Si ton sujet est résolu, merci de suivre la procédure suivante:
Un tag précédent ton premier message est présent.
Il te suffira de cliquer sur ce dernier pour mettre ton sujet en résolu.
- Milouze14Fondateur
-
Milouze14 Sam 22 Fév 2020 - 18:41
Hello
Si ton sujet est résolu, merci de suivre la procédure suivante:
Un tag précédent ton premier message est présent.
Il te suffira de cliquer sur ce dernier pour mettre ton sujet en résolu.
Si ton sujet est résolu, merci de suivre la procédure suivante:
Un tag précédent ton premier message est présent.
Il te suffira de cliquer sur ce dernier pour mettre ton sujet en résolu.
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum