Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB2] Comment personnaliser chaque lien de la navigation

Voir le sujet précédent Voir le sujet suivant Aller en bas

Ella
Ella
https://etreintedunenuit.forumactif.com/

MessageElla Lun 30 Aoû 2021 - 17:53

  • Version du forum :
    PHPBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Bonjour,

Je souhaiterai pouvoir modifier, personnaliser tous les liens de la barre de navigation différemment chacun d'eux directement par le css (accueil, recherche, membres, groupes, profil, messagerie, nouveau message, s'enregistrer, connexion et déconnexion) mais je ne sais pas quel code ils correspondent. J'ai recherché comment faire mais apparament je ne trouve pas ....donc me voici...^^'

Je vous remercie de votre attention et de l'aide apportée par avance.


Dernière édition par Ella le Lun 30 Aoû 2021 - 18:33, édité 1 fois

Milouze14 aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 30 Aoû 2021 - 18:14

Hello Ella,

alors voici les styles a modifier car c'est vraiment moche à l'heure actuelle, la déco et moi cela fait deux MDR .
La C.S.S est commentée:


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

Ajouter ceci:

Code:

/*accueil*/
a.mainmenu[href="/"]
{
background:red;
  color:white;
}


/*recherche*/
a.mainmenu[href="/search"]

{
background:blue;
  color:white;
}

/*membres*/
a.mainmenu[href="/memberlist"]
{
background:yellow;
  color:white;
}


/*groupes*/
a.mainmenu[href="/groups"]
{
background:green;
  color:white;
}
/*profil*/
a.mainmenu[href="/profile?mode=editprofile"]
{
background:orange;
  color:white;
}
/*messagerie*/
a.mainmenu[href="/privmsg?folder=inbox"]
{
background:violet
  color:white;
}
a.mainmenu.M14_mp
/*nouveau message*/
{
background:orange;
  color:white;
}
/*s enregistrer*/
a.mainmenu[href="/register"]
{
background:marron;
  color:white;
}
/*connexion*/
a.mainmenu[href="/login"]
{
background:red;
  color:white;
}

/*deconnexion*/
a.mainmenu[href^="/login?logout"]
{
background:red;
  color:white;
}


Penser a cliquer sur le bouton [PHPBB2] Comment personnaliser chaque lien de la navigation Sans_t10

Ensuite pour la couleur d'un nouveau mp, il faut un 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(){
$('img#i_icon_mini_new_message').closest('a').addClass('M14_mp');
});

Penser a cliquer sur le bouton Valid


Il ne te reste plus qu'à décorer les boutons comme bon te semble ok .





Message envoyé via la réponse rapide par: @Milouze14

Ella aime ce message

Ella
Ella
https://etreintedunenuit.forumactif.com/

MessageElla Lun 30 Aoû 2021 - 18:31

Hello Phil,

Un grand merci pour ta rapidité et ton efficacité, ça fait plaisir ! Enfin j'ai la solution et aucun problème pour la déco, je vais m'en charger :) Je vais pouvoir personnaliser tout ça à ma guise. 

Merci encore, et bonne fin de journée. Je reviendrai certainement pour certains trucs dans les prochains jours.

On peut archiver le sujet  [PHPBB2] Comment personnaliser chaque lien de la navigation 1f600

Message envoyé via la réponse rapide par: @Ella

Milouze14 aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 30 Aoû 2021 - 18:34

Je t'en prie Ella  hinhin ,


Je reviendrai certainement pour certains trucs dans les prochains jours.

Pas de soucis impeccable

Hello


Sujet résolu et déplacé dans le forum adéquate  

A bientôt pour une prochaine demande  clin oeil

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum