[Astuce] Prosilver – Etendre la barre de navigation

» Prosilver - Etendre la barre de navigation

Cet article explique comment étendre la barre de navigation du thème « prosilver » et « prosilver_se » afin que les utilisateurs puissent ajouter des liens sans encombrer ce qui est déjà présent.

» Information

N'avez-vous jamais senti le besoin d'ajouter vos propres liens personnalisés au menu de navigation? Cet article expliquera comment ajouter une simple barre de navigation étendue à votre style « prosilver ». (Ceci fonctionne aussi avec « prosilver_se »).

» Fichiers à éditer

  • styles/prosilver/template/overall_header.html
  • styles/prosilver/theme/common.css

» Changements dans les templates

Ouvrez le fichier template styles/prosilver/template/overall_header.html.

Cherchez:

Après, ajoutez:

Pour ajouter votre lien, tout ce dont vous avez besoin de faire est de changer:

  • votrelien par votre lien personnalisé
  • test par votre nom de lien personnalisé

» Changements dans le thème

Ouvrez le fichier template styles/prosilver/theme/common.css.

Cherchez:

    ul.navlinks {
       padding-bottom: 1px;
       margin-bottom: 1px;
       border-bottom: 1px solid #FFFFFF;
       font-weight: bold;
    }

Après, ajoutez:

    ul.navlinks2 {
        /*  font-weight: bold; */
        margin-top: 30px;
        padding-top: 2px;
        padding-bottom: 1px;
        margin-bottom: 1px;
        border-top: 1px solid #FFFFFF;
       text-align: center;
    }

    ul.navlinks2 li {
        display: inline;
       float: none;
       margin-left: -4px;
    }

Si vous voulez que vos liens soient en gras, il suffit de supprimer les balises /* */ de la dernière modification.

» Fin

N'oubliez pas de rafraîchir le template du style et les fichiers thèmes. Faites ceci en vous rendant sur:

  • Panneau d'administration:: Onglet Styles >> Templates >> Prosilver - Rafraîchir
  • Panneau d'administration:: Onglet Styles >> Thèmes >> Prosilver - Rafraîchir

» Résultat

Miniature de barrenavigation.png

Profitez de vos liens spacieux.

Source: Traduction de l'article phpBB.com