CSS Main Menu Protostar

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • CSS Main Menu Protostar

    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.

  • #2
    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
    Manuel
    --------
    voileux.org

    Commentaire


    • #3
      Re : CSS Main Menu Protostar

      dur de repondre avec un site hors ligne.
      Que dit firebug?
      Un site pour comparer des solutions : https://comparatifs-informaticien51.joomla.com
      un site personnel, sur Joomla, linux, windows et Powershell : https://informaticien51.joomla.com/

      Commentaire


      • #4
        Re : CSS Main Menu Protostar

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

        Merci d'avance

        Commentaire


        • #5
          Re : CSS Main Menu Protostar

          Envoyé par webdesmontagnes Voir le message
          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 :

          Code:
          .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.

          Cliquez sur l'image pour l'afficher en taille normale

Nom : capture-01.jpg 
Affichages : 1 
Taille : 15,2 Ko 
ID : 1803372

          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.
          Dernière édition par lefabdu51 à 24/03/2014, 14h44
          Un site pour comparer des solutions : https://comparatifs-informaticien51.joomla.com
          un site personnel, sur Joomla, linux, windows et Powershell : https://informaticien51.joomla.com/

          Commentaire


          • #6
            Re : CSS Main Menu Protostar

            apres, tu souhaites remplacer une police existante sur tout ton site?
            ou seulement sur une partie?
            Un site pour comparer des solutions : https://comparatifs-informaticien51.joomla.com
            un site personnel, sur Joomla, linux, windows et Powershell : https://informaticien51.joomla.com/

            Commentaire


            • #7
              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
              Dernière édition par webdesmontagnes à 24/03/2014, 15h04

              Commentaire


              • #8
                Re : CSS Main Menu Protostar

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

                Merci encore

                Commentaire


                • #9
                  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).

                  Commentaire


                  • #10
                    Re : CSS Main Menu Protostar

                    Envoyé par webdesmontagnes Voir le message
                    [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).
                    Un site pour comparer des solutions : https://comparatifs-informaticien51.joomla.com
                    un site personnel, sur Joomla, linux, windows et Powershell : https://informaticien51.joomla.com/

                    Commentaire


                    • #11
                      Re : CSS Main Menu Protostar

                      Envoyé par lefabdu51 Voir le message
                      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

                      Fichiers joints
                      Dernière édition par webdesmontagnes à 24/03/2014, 17h28

                      Commentaire


                      • #12
                        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
                        Fichiers joints

                        Commentaire


                        • #13
                          Re : CSS Main Menu Protostar

                          Envoyé par webdesmontagnes Voir le message
                          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....
                          Un site pour comparer des solutions : https://comparatifs-informaticien51.joomla.com
                          un site personnel, sur Joomla, linux, windows et Powershell : https://informaticien51.joomla.com/

                          Commentaire

                          Annonce

                          Réduire
                          1 sur 2 < >

                          C'est [Réglé] et on n'en parle plus ?

                          A quoi ça sert ?
                          La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                          Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                          Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                          Comment ajouter la mention [Réglé] à votre discussion ?
                          1 - Aller sur votre discussion et éditer votre premier message :


                          2 - Cliquer sur la liste déroulante Préfixe.

                          3 - Choisir le préfixe [Réglé].


                          4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                          2 sur 2 < >

                          Assistance au forum - Outil de publication d'infos de votre site

                          Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                          Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                          Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                          UTILISER À VOS PROPRES RISQUES :
                          L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                          Problèmes connus :
                          FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                          Installation :

                          1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                          Archive zip : https://github.com/AFUJ/FPA/zipball/master

                          2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                          3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                          4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                          5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                          6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                          et remplacer www. votresite .com par votre nom de domaine


                          Exemples:
                          Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                          Télécharger le script fpa-fr.php dans: /public_html/
                          Pour executer le script: http://www..com/fpa-fr.php

                          Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                          Télécharger le script fpa-fr.php dans: /public_html/cms/
                          Pour executer le script: http://www..com/cms/fpa-fr.php

                          En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                          Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                          Voir plus
                          Voir moins

                          Partenaire de l'association

                          Réduire

                          Hébergeur Web PlanetHoster
                          Travaille ...
                          X