Barre de navigation

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

Résolu Barre de navigation

Message par lisacuddles le Mer 7 Avr 2010 - 19:23

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


Dernière édition par lisacuddles le Jeu 8 Avr 2010 - 20:13, édité 2 fois

lisacuddles
Nouveau membre

Messages : 13
Inscrit(e) le : 07/04/2010

http://partypants.forumactif.org
lisacuddles a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Blune le Mer 7 Avr 2010 - 19:26

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

Blune
Nouveau membre

Féminin
Messages : 20
Inscrit(e) le : 07/04/2010

http://blablalonde-new.forumactif.com/index.htm
Blune a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Invité le Mer 7 Avr 2010 - 19:28

Bonjour,

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é


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par lisacuddles le Mer 7 Avr 2010 - 19:31

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;
}




lisacuddles
Nouveau membre

Messages : 13
Inscrit(e) le : 07/04/2010

http://partypants.forumactif.org
lisacuddles a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par lisacuddles le Mer 7 Avr 2010 - 19:35

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 .

lisacuddles
Nouveau membre

Messages : 13
Inscrit(e) le : 07/04/2010

http://partypants.forumactif.org
lisacuddles a été remercié(e) par l'auteur de ce sujet.

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


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