Barre de navigation accrochée en haut de la fenêtre - Page 3 Bouton_activeBarre de navigation accrochée en haut de la fenêtre - Page 3 Bouton_hoverBarre de navigation accrochée en haut de la fenêtre - Page 3 Fb-hoverBarre de navigation accrochée en haut de la fenêtre - Page 3 Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

Partagez
 

Barre de navigation accrochée en haut de la fenêtre

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3
http://www.artsoul.fr/
Kory
Kory
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
Liv` a écrit:
D'accord merci, et c'est quoi la couleur sa ?
Parce que moi je comprend pas ma barre est en haut de la bannière et c'est tout.
Après c'est à toi d'ajouter des codes dans le CSS pour la personnaliser. Je te conseille d'aller voir ceci avant de te lancer dans les tutoriels Wink
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyDim 20 Fév 2011, 08:14
Revenir en haut Aller en bas
http://a-la-mode-de-dana.meilleurforum.com/forum.htm
Dana
{ Membre }
{ Membre }

Féminin Messages : 3



Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
Bonjour , merci pour ce tuto .
Mais pourrai-je avoir un autre code dans la css ou autre pour avoir un résultat comme cela :
Barre de navigation accrochée en haut de la fenêtre - Page 3 74884810
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyDim 20 Fév 2011, 13:33
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
Bonsoir

Si vous voulez parler de la barre jaune c'est ce code.
Code:

.navi {
border-bottom: 1px solid #AEEE00;
position: fixed;
left: 0px;
top: 0px;
right: 0px;
z-index:1000;
width: 100%;
}
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyDim 20 Fév 2011, 14:07
Revenir en haut Aller en bas
http://www.artsoul.fr/
Kory
Kory
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
    Merci d'éditer ton message et de supprimer l'image. Le plagiat est interdit.

    Comme l'a dit Tupac, border-bottom et un nombre de pixels de 5 je pense.
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyDim 20 Fév 2011, 14:38
Revenir en haut Aller en bas
http://www.unforumunefamille.bbactif.com
sweetmyangel
{ Membre }
{ Membre }

Féminin Messages : 12



Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
merci pour se tuto j'ai réussit du premier coup mais pour agrandir je comprend pas...
Code:
height: CHIFFREpx;
je dois mettre sa ou?
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyVen 25 Fév 2011, 17:58
Revenir en haut Aller en bas
http://www.artsoul.fr/
Kory
Kory
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
    Dans le CSS, de cette façon :
    Code:
    .navi {
    tout le reste des propriétés ;
    height: CHIFFREpx;}
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyVen 25 Fév 2011, 18:02
Revenir en haut Aller en bas
http://www.unforumunefamille.bbactif.com
sweetmyangel
{ Membre }
{ Membre }

Féminin Messages : 12



Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
ok merci Very Happy
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptySam 26 Fév 2011, 04:06
Revenir en haut Aller en bas
Invité
Invité




Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
Bonjour Bonjour Smile

J'ai fait ce code, et donc sur un forum test je l'ai fait, j'aurai voulu savoir comment on faisait pour que sa prenne toute la largeur du forum, car là ça ne met que des carrés...

mon CSS :
Spoiler:

Et pour le template voici :
Spoiler:


Dernière édition par choco'bon le Lun 28 Fév 2011, 09:10, édité 1 fois
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyLun 28 Fév 2011, 08:39
Revenir en haut Aller en bas
Invité
Invité




Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
Hop'

Tu peux nous passer le lien de ton forum?
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyLun 28 Fév 2011, 08:41
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
Aperçu du forum stp' Bravo !
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyLun 28 Fév 2011, 08:41
Revenir en haut Aller en bas
Invité
Invité




Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
A ne pas faire attention car il est en construction encore donc rien n'est fait ''correctement'' étant donné que nous attendons notre Header.


Dernière édition par choco'bon le Lun 28 Fév 2011, 09:08, édité 1 fois
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyLun 28 Fév 2011, 08:42
Revenir en haut Aller en bas
http://www.artsoul.fr/
Kory
Kory
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
    Je suppose que tu as dû toucher à la class mainmenu, peux-tu nous fournir ton CSS entier s'il te plait? Wink
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyLun 28 Fév 2011, 08:58
Revenir en haut Aller en bas
Invité
Invité




Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
Code:
/* BARRE DE NAVIGATION ACCROCHE ET FIXE */
a.mainmenu{
color : #5f4037;
font-size: 15px;
font-family: georgia;
margin-left: 0px;
text-transform: uppercase;
text-shadow: #B6A3A30px 0px 2px;
border: 1px dotted #D69198 ;
padding-right: 15px;
background-color: #D69198;
}
a.mainmenu:hover{
text-decoration:none; color : #5f4037;
background-color : #F2C4C9;
color : #5f4037;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
padding-right: 15px;
}

/* BARRE DE NAVIGATION ACCROCHE */
.navi {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
z-index: 999;
width: 100%;
}

Voilà c'est tout ce que j'ai dans mainmenu.
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyLun 28 Fév 2011, 09:09
Revenir en haut Aller en bas
http://www.artsoul.fr/
Kory
Kory
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
    Bon j'ai pas trop compris ce que tu veux maintenant mais je pense que tu veux que le fond soit uniforme donc à ajouter dans navi
    Code:
    background-color: #D69198;

    Dis moi si c'est bien ça que tu veux
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyLun 28 Fév 2011, 09:18
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
Enlever le hover (background) des liens aussi ,non ?
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyLun 28 Fév 2011, 09:19
Revenir en haut Aller en bas
Invité
Invité




Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
Merci beaucoup à vous deux, et j'ai testé avec ce que Kory ma dit et tout est entré dans l'ordre ! Smile
Merci encore à vous deux Smile
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyLun 28 Fév 2011, 09:23
Revenir en haut Aller en bas
http://www.artsoul.fr/
Kory
Kory
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
    Hiro, c'est un tuto, pas une demande d'aide
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyLun 28 Fév 2011, 09:37
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
Ah merde ........

Le gros fail, merci Kory ^^

Désolé
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 EmptyLun 28 Fév 2011, 09:38
Revenir en haut Aller en bas
Contenu sponsorisé




Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
MessageSujet: Re: Barre de navigation accrochée en haut de la fenêtre   Barre de navigation accrochée en haut de la fenêtre - Page 3 Empty
Revenir en haut Aller en bas
 

Barre de navigation accrochée en haut de la fenêtre

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 3 sur 3Aller à la page : Précédent  1, 2, 3

 Sujets similaires

-
» <Navigation> Barre de navigation fixée en haut de la fenêtre
» Barre de navigation intégrée dans le haut du fond du forum, possible ?
» Aide pour ma barre de navigation ( effet barre menu horinzontal )
» <Navigation> Mettre une Image sous la Barre de Navigation
» <Navigation> Barre de navigation qui disparait au scroll

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forumactif.com