[CSS phpBB3] Apparence de la Barre de Navigation
Page 1 sur 1 • Partagez
[CSS phpBB3] Apparence de la Barre de Navigation
Apparence de la Barre de Navigation (phpBB3) |
Dans ce tutoriel, nous vous proposons quelques astuces pour personnaliser la barre de navigation d'un forum en version phpBB3. Apparence de la barre de navigation par défautPar défaut, la barre de navigation d'un forum en phpBB3 a cette apparence :
Modification de l'apparence de la barre de navigationAfin de modifier l'apparence de la barre de navigation, nous allons utiliser la feuille de style CSS du forum.
Barre de séparationModifier la couleur de la barre de séparationDans cet exemple, nous allons mettre la ligne de séparation en rouge dont le code hexadécimal est #ff0000.
Supprimer la barre de séparationVoici le code CSS pour supprimer la barre de séparation sous la barre de navigation :
Décaler cette barre de séparation vers le basInternet explorer a pour fâcheuse habitude de mettre les bordures à l'intérieur de l'élément HTML, ce qui fait que les boutons de la barre de navigation se retrouvent par dessus le trait de séparation. Voici donc comment espacer le trait de séparation, pour le décoller des boutons de la barre de navigation :
Couleur de FondModifier la couleur de fond de la barre de navigationDans cet exemple, nous allons modifier la couleur d'arrière-plan de la zone de la barre de navigation en bleu ciel dont le code hexadécimal est #e5f1f9.
Modifier la couleur de fond de la zone de la barre de navigationVoici comment limiter ce changement de couleur à la seule barre de navigation :
Zone rechercheSupprimer le champ de recherche dans la barre de navigationCe code CSS permet de supprimer le champ de Recherche dans la barre de navigation :
Réduire la hauteur de la zone Recherche de la barre de navigationUne fois la zone de recherche cachée, on peut également diminuer la hauteur de cette zone laissée vide
|
Cette astuce a été rédigé par Lezebre. Actualisation par Bipo (janvier 2021). Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI. |
![-](https://2img.net/i/empty.gif)
» Collé la barre de navigation en phpbb3
» Supprimer barre de navigation phpbb3
» Placer la barre de navigation en haut de page (phpBB3)
» Mettre sa barre de navigation en haut du forum en phpbb3 ?
» Marge entre la barre de navigation et l'annonce défilante (PHPBB3)
» Supprimer barre de navigation phpbb3
» Placer la barre de navigation en haut de page (phpBB3)
» Mettre sa barre de navigation en haut du forum en phpbb3 ?
» Marge entre la barre de navigation et l'annonce défilante (PHPBB3)
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum