CSS Main Menu Protostar

[webdesmontagnes]

Bonjour,

J'utilise Protostar pour un petit site vitrine: http://www.enperspective.fr/

Je n'arrive pas à mettre le menu en position fixe, texte #fff et bg #000. J'ai tenté de modifier template.css et less mais rien a faire...

Pour etre clair je veux seulement desactiver la fonction hover pour passer en menu fixe caracteres blancs, background noir.

C'est certainement une question facile mais mon manque d'experience sur ce magnifique cms ne me facilite pas la vie et je n'ai pas trouvé de sujets traitant de mon pb.

Merci d'avance pour votre pedagogie.

[ManuelVoileux]

Re : CSS Main Menu Protostar

Bonjour,
pour customiser protostar , tu peux essayer http://st42.fr/protostar-theme-creat...-theme-creator de Studio42.
en espérant que ça aide

[lefabdu51]

Re : CSS Main Menu Protostar

dur de repondre avec un site hors ligne.
Que dit firebug?

[webdesmontagnes]

Re : CSS Main Menu Protostar

Exact... et désolé! Je viens de remettre le site en ligne.

Merci d'avance

[lefabdu51]

Re : CSS Main Menu Protostar

Exact... et désolé! Je viens de remettre le site en ligne.

Merci d'avance

pour fixer ton menu:
ligne 2834 du fichier template.css a modifier comme ci dessous :

.nav {
    background: none repeat scroll 0 0 #FFFFFF;
    left: 0;
    list-style: none outside none;
    margin-bottom: 18px;
    margin-left: 0;
    position: fixed;
    top: 0;
    width: 100%;

la propriété position:fixed sert a fixer le menu
top:0 sert à la coller en haut
left:0 sert a coller ton menu a gauche
width:100% sert a lui donner une largeur egale à toute la largeur de ton site.



PS:tu ne peut pas desactiver le pseudo selecteur :hover, tu peut juste lui donner les meme propriétés que le contenur normal.
Si tu supprimes hover, tu vas avoir des valeurs par défaut qui risquent de ne pas te plaire.

[lefabdu51]

Re : CSS Main Menu Protostar

apres, tu souhaites remplacer une police existante sur tout ton site?
ou seulement sur une partie?

[webdesmontagnes]

Re : CSS Main Menu Protostar

Oupps je viens de rentrer le code et en fait ce n'est pas ce que je veux faire, je me suis mal exprimé, je voudrais que le main menu reste la ou il est d'origine mais je le veux en affichage fixe.

Merci excuse moi

[webdesmontagnes]

Re : CSS Main Menu Protostar

Et pour la typo, oui je la veux sur tout le site.

Merci encore

[webdesmontagnes]

Re : CSS Main Menu Protostar



Voila en PJ ce que je souhaite en menu (capture issue du site precedant et que je n'arrive pas a reproduire).

[lefabdu51]

Re : CSS Main Menu Protostar

[ATTACH=CONFIG]27017[/ATTACH]

Voila en PJ ce que je souhaite en menu (capture issue du site precedant et que je n'arrive pas a reproduire).

passe en mode avancé avec l editeur du forum et ensuite tu joint ton image commune piece jointe.
LA je n y ais pas accès.

Dans touts les cas, cela reste valable ce que je t ais dit.

Tu fait varier la largeur et le positionnement au besoin.
Teste en modifiant les valeurs de top et left.
Si tu veut que le positionnement se fasse a partir de la droite du site, alors remplace left par right.
Et le positionnement se feras a partir de l angle en haut et a droite.

Et la couleur de fond est la couleur que tu met dans la propriété background (le #FFFFFF).

[webdesmontagnes]

Re : CSS Main Menu Protostar

passe en mode avancé avec l editeur du forum et ensuite tu joint ton image commune piece jointe.
LA je n y ais pas accès.

Dans touts les cas, cela reste valable ce que je t ais dit.

Tu fait varier la largeur et le positionnement au besoin.
Teste en modifiant les valeurs de top et left.
Si tu veut que le positionnement se fasse a partir de la droite du site, alors remplace left par right.
Et le positionnement se feras a partir de l angle en haut et a droite.

Et la couleur de fond est la couleur que tu met dans la propriété background (le #FFFFFF).

Voila, Merci

[webdesmontagnes]

Re : CSS Main Menu Protostar

Avec le developer tools, j'ai trouvé quoi modifier mais je n'arrive pas a trouver le fichier concerné ni ou le faire. Je te joins deux captures d'ecran: 1 capture avec le menu comme je le souhaiterais et 1 capture avec developer tools. J'ai modifié styles/(index):41 . J'ai remplacé la couleur #000000 par #FFFFFF . Mon souci maintenant est de savoir ou retoucher le code?
Pour simplifier, je voudrais que l'ensemble du site soit en typo de couleur #FFFFFF sur background #000000 et de maniere permanente, ça serait le top.
Merci de ton aide

[lefabdu51]

Re : CSS Main Menu Protostar

Pour simplifier, je voudrais que l'ensemble du site soit en typo de couleur #FFFFFF sur background #000000 et de maniere permanente, ça serait le top.
Merci de ton aide[/FONT][/SIZE][/FONT]

Edites le fichier templates/protostar/css/template.css et modifies le selecteur situé à la ligne 2348....