Mettre le menu en haut [Résolu] Bouton_activeMettre le menu en haut [Résolu] Bouton_hoverMettre le menu en haut [Résolu] Fb-hoverMettre le menu en haut [Résolu] 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
» Fiche de Présentation RPG
Mettre le menu en haut [Résolu] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Mettre le menu en haut [Résolu] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Mettre le menu en haut [Résolu] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Mettre le menu en haut [Résolu] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Mettre le menu en haut [Résolu] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Mettre le menu en haut [Résolu] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Mettre le menu en haut [Résolu] EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Mettre le menu en haut [Résolu] EmptyMar 07 Fév 2023, 08:40 par Oxtran

-29%
Le deal à ne pas rater :
PC portable – MEDION 15,6″ FHD Intel i7 – 16 Go / 512Go (CDAV : ...
499.99 € 699.99 €
Voir le deal

Partagez
 

Mettre le menu en haut [Résolu]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
http://www.lovely-emily.com
£ly
£ly
{ Membre }
{ Membre }

Féminin Messages : 32



Mettre le menu en haut [Résolu] Empty
Bonjour à tout le monde ^^

En préparation d'un forum je souhaiterais déplacé le menu afin de le mettre en haut, au dessus du header (Il s'agit d'un rpg, donc une bannière de fond en vérité.) Voilà je sais que c'est possible je l'ai vu sur un ou deux forums. Je pense que je dois modifier le overall header new, mais je ne sais pas quoi modifier quoi enlever, quoi déplacé.

Est ce possible ensuite de rajouter une personnalisation via le css ?

Merci Smile


Dernière édition par £ly le Mar 11 Mai 2010, 13:43, édité 1 fois
MessageSujet: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyLun 12 Avr 2010, 13:37
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Mettre le menu en haut [Résolu] Empty
Le menu.... La barre de navigation ?
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyLun 12 Avr 2010, 13:47
Revenir en haut Aller en bas
http://www.lovely-emily.com
£ly
£ly
{ Membre }
{ Membre }

Féminin Messages : 32



Mettre le menu en haut [Résolu] Empty
Oui ^^ j'aurais du en effet dire la barre de navigation.
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyLun 12 Avr 2010, 13:53
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Mettre le menu en haut [Résolu] Empty
Okay =D Je sais bien comment on fait, je le fais souvent xD Enfin y'a plusieurs façons.... Tu veux la positionner où précisément ? En haut à droite ? En haut au centre ? En haut à gauche ? Tu veux qu'on puisse la voir tout le temps, même si on descend la page ?
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyLun 12 Avr 2010, 14:01
Revenir en haut Aller en bas
http://www.lovely-emily.com
£ly
£ly
{ Membre }
{ Membre }

Féminin Messages : 32



Mettre le menu en haut [Résolu] Empty
Au centre si possible et qu'elle reste juste en haut, enfin qu'elle ne bouge pas ^^
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyLun 12 Avr 2010, 14:07
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Mettre le menu en haut [Résolu] Empty
Alors personnellement, voilà comment j'ai fait :

  1. Dans "overall_header_new", j'ai cherché ceci : {GENERATED_NAV_BAR}.
  2. Je l'ai entouré de ceci : et ((Sans les étoiles, bien sûr =]))
  3. Ensuite j'ai bien évidement publié mon template.
  4. Pour finir, il faut mettre quelque chose de ce genre dans ton css :


Code:
.barre_de_navigation
{
position: fixed;
}
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyMer 14 Avr 2010, 12:59
Revenir en haut Aller en bas
http://www.lovely-emily.com
£ly
£ly
{ Membre }
{ Membre }

Féminin Messages : 32



Mettre le menu en haut [Résolu] Empty
Merci de prendre le temps de m'aider ^^


Etoiles ? Qu'entends tu par "étoiles" ?

J'ai essayé, ça change rien en fait scratch
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyMer 14 Avr 2010, 13:15
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Mettre le menu en haut [Résolu] Empty
Excuse-moi, ce n'est pas passé. C'est ceci que tu dois mettre :

Code:
<spa*n class="*barre_de_navigation"> et </spa*n> ((Sans les étoiles, bien sûr =]))
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyMer 14 Avr 2010, 13:27
Revenir en haut Aller en bas
http://www.lovely-emily.com
£ly
£ly
{ Membre }
{ Membre }

Féminin Messages : 32



Mettre le menu en haut [Résolu] Empty
Merci ^^
ça l'a bougé, mais maintenant elle est toute sur la droite.
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyMer 14 Avr 2010, 13:32
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Mettre le menu en haut [Résolu] Empty
Okay, tout à droite.... Alors je ne sais pas vraiment comment faire ^^' Je te propose de mettre une taille précise :

Code:
.barre_de_navigation
{
height: 80%; /*Sur la page, la barre de navigation ocuppera 80% de la largeur*/
margin-left: 10%; /*Sur la page, la marge de gauche occupera 10% de la largeur*/
margin-right: 10%; /*Sur la page, la marge à droite occupera 10% de la largeur*/
}
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyMer 14 Avr 2010, 13:46
Revenir en haut Aller en bas
http://www.lovely-emily.com
£ly
£ly
{ Membre }
{ Membre }

Féminin Messages : 32



Mettre le menu en haut [Résolu] Empty
ça la décale à droite encore, elle reste toujours sous le header:

J'ai enlevé le margin parce que c'était pire qu'avant, on la voyait plus du tout tellement elle était à droite.

Code:
.barre_de_navigation
{
position: top;
height: 80%;
}
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyMer 14 Avr 2010, 13:54
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Mettre le menu en haut [Résolu] Empty
xD Okay. Et est-ce que si tu mets ceci dans .barre_de_navigation, ça marche ?

Code:
attachment: fixed;
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyMer 14 Avr 2010, 13:59
Revenir en haut Aller en bas
http://www.lovely-emily.com
£ly
£ly
{ Membre }
{ Membre }

Féminin Messages : 32



Mettre le menu en haut [Résolu] Empty
Aucun changement xD
Désolée de te poser une colle pareil =/
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyMer 14 Avr 2010, 14:04
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Mettre le menu en haut [Résolu] Empty
Y'a pas de souci, je vais chercher =D
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyMer 14 Avr 2010, 15:18
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Mettre le menu en haut [Résolu] Empty
Bonjour ^^

Le problème est-il résolu ?
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyMar 20 Avr 2010, 07:07
Revenir en haut Aller en bas
http://www.lovely-emily.com
£ly
£ly
{ Membre }
{ Membre }

Féminin Messages : 32



Mettre le menu en haut [Résolu] Empty
Non, j'attends une réponse de B•øw.
J'ai cherché de mon coté, rien à faire, je trouve pas. Ou alors c'est pour des sites et non des forums =/
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyMer 21 Avr 2010, 14:06
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Mettre le menu en haut [Résolu] Empty
Remplace les span ajouté dans le template par des div :
Code:
<div class="barre_de_navigation">{GENERATED_NAV_BAR}</div>

Puis utilise ceci dans la CSS
Code:
.barre_de_navigation
{
position : fixed ;
top : 0 ; left : 0 ;
width : 100% ;
text-align : center ;
}

Span c'est mise en forme d'un texte uniquement.
Pour des bloc d'élément c'est des div.


Dernière édition par VPeybernes le Jeu 22 Avr 2010, 11:04, édité 1 fois
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyMer 21 Avr 2010, 16:21
Revenir en haut Aller en bas
http://others-horizons.fforum.biz/forum.htm
Sunny
Sunny
{ Membre }
{ Membre }

Féminin Messages : 10



Mettre le menu en haut [Résolu] Empty
    Chez moi ça marche! Mais elle est toute à gauche..
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyJeu 22 Avr 2010, 04:53
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Mettre le menu en haut [Résolu] Empty
Il serai possible d'avoir l'URL pour constater ?
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyJeu 22 Avr 2010, 07:40
Revenir en haut Aller en bas
http://others-horizons.fforum.biz/forum.htm
Sunny
Sunny
{ Membre }
{ Membre }

Féminin Messages : 10



Mettre le menu en haut [Résolu] Empty
Hum.. J'ai déjà tout remis comme c'était au départ
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyJeu 22 Avr 2010, 07:42
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Mettre le menu en haut [Résolu] Empty
Pourriez vous me donner la partit avec {GENERATED_NAV_BAR} dans votre template.
Ajoutez 5 lignes avant et 5 lignes après

Vérifiez aussi si il n'y à pas d'erreur dans la CSS.
Parce que j'ai testé chez moi et ça marche très bien.
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptyJeu 22 Avr 2010, 10:50
Revenir en haut Aller en bas
http://www.lovely-emily.com
£ly
£ly
{ Membre }
{ Membre }

Féminin Messages : 32



Mettre le menu en haut [Résolu] Empty
Merci VPeybernes, ça marche !
Que doit-on rajouter pour qu'elle reste en haut et ne bouge pas ?
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptySam 24 Avr 2010, 10:22
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Mettre le menu en haut [Résolu] Empty
Et bien rien.
C'est la propriété position : fixed qui fait cela.

Vous avez bien remplacé le span par le div ?
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptySam 24 Avr 2010, 18:33
Revenir en haut Aller en bas
http://www.lovely-emily.com
£ly
£ly
{ Membre }
{ Membre }

Féminin Messages : 32



Mettre le menu en haut [Résolu] Empty
Oui ^^ j'ai tout bien changé.
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptySam 24 Avr 2010, 18:52
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Mettre le menu en haut [Résolu] Empty
Mhh ... Essaye ceci :
Code:
.barre_de_navigation
{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
text-align: center;
}

Je doute que ça change quoi que ce soit, mais sait-on jamais. Wink

Edit: Ah non ce n'est pas ça je me suis gouré, désolé x)


Dernière édition par Basil Hawkins le Dim 25 Avr 2010, 09:45, édité 1 fois
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] EmptySam 24 Avr 2010, 19:11
Revenir en haut Aller en bas
Contenu sponsorisé




Mettre le menu en haut [Résolu] Empty
MessageSujet: Re: Mettre le menu en haut [Résolu]   Mettre le menu en haut [Résolu] Empty
Revenir en haut Aller en bas
 

Mettre le menu en haut [Résolu]

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

 Sujets similaires

-
» Menu déroulant en CSS. [RESOLU]
» Mettre une image entre le menu et les pubs.
» [résolu]Intégrer un menu à onglet dans un menu à onglet
» [Resolu] Avatar collé en haut d'un tableau
» Header collé au haut du forum. (RESOLU)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

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 | Forum gratuit