Barre de navigation
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Barre de navigation
Bonjour , je voudrais faire une barre de navigation avec accueil FAQ Rerchercher etc... mais pas avec les images plutot dans ce genre là :
Comme sur les deux forums ci dessous :
http://www.watch-for-house.com/
http://acide-edulcore.forumperso.com/forum.htm
Merci d'avance
Comme sur les deux forums ci dessous :
http://www.watch-for-house.com/
http://acide-edulcore.forumperso.com/forum.htm
Merci d'avance
Dernière édition par lisacuddles le Jeu 8 Avr 2010 - 20:13, édité 2 fois
Re: Barre de navigation
Bonsoir,
Si vous voulez quelque chose dans le genre de l'image qui vous avez montré ci dessus, vous pouvez faire un montage vous même en créant votre barre de navigation où alors choisir un thème dans le Panneau D'administration --> Affichage --> Choisir un thème
Si vous voulez quelque chose dans le genre de l'image qui vous avez montré ci dessus, vous pouvez faire un montage vous même en créant votre barre de navigation où alors choisir un thème dans le Panneau D'administration --> Affichage --> Choisir un thème
Re: Barre de navigation
Bonjour,
Pour faire une telle barre il vous faudra passer par le CSS. Avez-vous quelques connaissances dans ce domaine ou pas du tout ?
Pour faire une telle barre il vous faudra passer par le CSS. Avez-vous quelques connaissances dans ce domaine ou pas du tout ?
Invité- Invité
Re: Barre de navigation
oui j'arrive à me débrouiller avec ça j'ai ce code actuellement :
- Spoiler:
- .forumline{
border: 1px #ffffff dashed;
}
a { text-decoration: none; }
a:link {
color: ##610B5E;
}
a:visited {
color: ##610B5E;
}
a:hover {
color: ##610B5E;
cursor:ne-resize;
}
a:active {
color: ##610B5E;
}
a.navi, a.navi:active, a.navi:link, a.navi:visited {
display: block;
font-family: arial;
font-size: 10px;
line-height:11px;
font-weight: normal;
text-decoration:none;
border-left:4px solid #000000;
background: #000000;
color: #000000;
text-transform: lowercase;
text-align: left;
padding:1px;
letter-spacing:?px;
}
a.navi:hover {
display: block;
font-family: arial;
font-size: 10px;
line-height:11px;
font-weight: normal;
text-decoration:none;
border-right:2px solid #000000;
background: #000000;
color: #000000;
text-transform: uppercase;
text-align: right;
padding:1px;
letter-spacing:1px;
}
{ text-decoration: none}
.pointille {
font-family: Arial , Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
color: #f61414;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #000000;
text-decoration: none;
}
{scrollbar-darkshadow-color: #;
}a { text-decoration: ; none}
a:hover {
text-transform: uppercase;
}
a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}
a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #646464;
}
.categling {background-color : #999999; font-size : 10px; text-align : center; text-transform: uppercase; display : block; border-left : 10px solid #999999; border-right : 10px solid #999999; color: #999999; font-weight : bold; margin: 0px 0px 02px 0px;}
.categling:hover {background-color:#606060; font-size: 10px; text-align : center; text-transform: uppercase; border-left : 10px solid #999999; border-right : 10px solid #999999; color: #999999; font-weight : bold; margin: 0px 0px 02px 0px;}
-----
#navbar_ex2 ul {
font: bold 12px Verdana, sans-serif;
margin-left: 0;
padding: 0 1px 1px;
}
#navbar_ex2 ul li {
display: inline;
list-style: none;
margin: 0;
}
#navbar_ex2 a {
background: #CCCCDD;
border-left: 1em solid #AAAABB;
padding: 0.25em 0.5em 0.25em 0.75em;
text-decoration: none;
}
#navbar_ex2 a:link {
color: #444488;
}
#navbar_ex2 a:visited {
color: #666677;
}
#navbar_ex2 a:hover {
background: #9DCE6C;
border-color: #37AA38;
color: #FFFFFF;
}
a img {
border: none;
}
Re: Barre de navigation
J'ai trouvé merci beaucoup de vos réponses
PA/affichage/page accueil/en-tête & navigation : afficher seulement
les images dans la barre des liens , cocher Non , enregistrer .
PA/affichage/page accueil/en-tête & navigation : afficher seulement
les images dans la barre des liens , cocher Non , enregistrer .
Sujets similaires
» Avoir une barre "suivez l'actualité du forum" en dessous de la barre de navigation
» Barre de couleur derrière la barre de navigation + modifier le css des boutons
» barre de recherche réclacitrante dans la barre de navigation
» Modifier ma barre de navigation (en-tête et navigation)
» Suppression "barre" en dessous de la barre de navigation
» Barre de couleur derrière la barre de navigation + modifier le css des boutons
» barre de recherche réclacitrante dans la barre de navigation
» Modifier ma barre de navigation (en-tête et navigation)
» Suppression "barre" en dessous de la barre de navigation
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum