A l'aide les css veulent ma peau!!

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

  • A l'aide les css veulent ma peau!!

    j'ai compris l'interet des css et comment ça fonctionne, j'ai lu le tutos en flash sur les css des menus, pris la feuilles de style prérempli avec explications mais ça ne fonctionne pas

    J'ai piocher dans la liste de site css fourni sur le forum et j'ai trouvé des liens vers des explications pour faire de joli menus mais toujours rien.
    J'arrive pas a personnaliser le "menu principal" de joomla.
    Par exemple, j'arrive a faire en sorte que les liens survolé change la couleur de fond, mais elle s'adapte au mot et pas a la taille que je veux. J'ai essayer de definir la taille en vain!! Malgré que je recopie des exemples rien ne fonctionnes correctement

    C'est sûr; les css veulent ma peau!

    Vous avez besoin de trafic sur vos sites ?
    http://www.augmenter-trafic.com

  • #2
    Le menu est dans un container : styles CSS est moduletable
    Par contre pour les liens, c'est le style mainlevel qui est en jeu
    Par défaut les widht doivent être sur auto.
    moduletable { width: 200px; } = fixe la dimension du module (largeur)
    mainlevel { width: auto; } = largeur du lien à la dimension du lien
    Mettre mainlevel { width: 180px; } par exmple et tu vas comprendre.
    Papounet
    PS : Pour plus de clarté dans cette réponse est omis les pseudo code et autres styles liés aux balises en jeu.
    I'am happy for you !
    Dernière réalisation : http://www.pierrickservais.com/

    Commentaire


    • #3
      Voici un petit lien pour apprendre à faire des css :
      http://www.w3schools.com/css/default.asp
      Bonne journée
      PA
      watchful Contrôle, backup, mise à jour et surveillance de vos sites joomla: http://www.watchful.li
      inetis Création et intégration professionnelles sous Joomla : http://www.inetis.ch

      Commentaire


      • #4
        Merci. Mais le truc c'est que des choses qui devrais fonctionner reste sans effet!

        Je vais reéssayer avec le liens donné par paimages, qui a l'air vraiment pratique.

        Merci.
        Vous avez besoin de trafic sur vos sites ?
        http://www.augmenter-trafic.com

        Commentaire


        • #5
          c'est bien ce que je pensais, j'avais déja utiliser la commande "width" et celà n'a aucun effet...
          D'ailleur j'ai copier l'exemple de la béta du tutos, pour créer un bouton et rien!
          Aucun effet!
          J'ai réussi a mettre des couleurs différentes mais, malgré le width avec une valeur a 160px celà ne prend que la taille du liens
          Vous avez besoin de trafic sur vos sites ?
          http://www.augmenter-trafic.com

          Commentaire


          • #6
            Envoyé par paimages
            Voici un petit lien pour apprendre à faire des css :
            http://www.w3schools.com/css/default.asp
            Bonne journée
            PA
            un petit tuto sympa en Français
            http://www.aidenet.com/css/
            ma société : http://pdrevon.xlphp.net

            Commentaire


            • #7
              merci, mais je fais tout comme dis partout et rien!
              Par exemple, si je veux que les fonds des liens dans le menu principal aient une couleur spécifique je fais:

              a.mainlevel: link {
              background-color: couleur;
              width: 160px;
              }

              et pourtant la couleur englobe lee texte et ne fais pas 160px...
              Vous avez besoin de trafic sur vos sites ?
              http://www.augmenter-trafic.com

              Commentaire


              • #8
                Si tu cherche à faire ce qui est ICI
                Alors la solution est la dedans :
                a.mainlevel, a.mainlevel-menufilles, a.mainlevel-menugarcons {
                border-bottom: 4px solid #DC143C;
                display: block;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                font-style: normal;
                font-weight: bold;
                letter-spacing: 1px;
                padding-top: 2px;
                padding-bottom: 3px;
                padding-left: 2px;
                padding-right: 2px;
                text-align: left;
                text-decoration: none;
                text-indent: 10px;
                }
                a.mainlevel:link, a.mainlevel:visited {
                background-color: #DC143C;
                border-bottom: 2px solid #B22222;
                border-left: 2px solid #FF4500;
                border-right: 2px solid #B22222;
                border-top: 2px solid #FF4500;
                color: White;
                }
                a.mainlevel:hover {
                background-color: Yellow;
                border-bottom: 2px solid #DAA520;
                border-left: 2px solid #EEE8AA;
                border-right: 2px solid #DAA520;
                border-top: 2px solid #EEE8AA;
                color: #DC143C;
                }
                Papounet
                I'am happy for you !
                Dernière réalisation : http://www.pierrickservais.com/

                Commentaire


                • #9
                  Merci papounet avec ce code, qui fait ce que je veux, celà fonctionne.
                  Je vais bien regarder a quoi servent les différentes lignes pour comprendre.

                  ça va ben finir par rentrer
                  Vous avez besoin de trafic sur vos sites ?
                  http://www.augmenter-trafic.com

                  Commentaire


                  • #10
                    Crénom, plus simple ca n'existe pas...

                    http://www.yoyodesign.org/doc/w3c/css1/
                    http://www.yoyodesign.org/doc/w3c/css2/cover.html

                    Avec Firefox extention web developer aller dans : Divers/Document du W3C fr

                    Alors c'est quoi la propriété qui fait que le lien il prend toute la cellule ?
                    Parce que on trouve plein de template ou le lien il est tout rikiki.

                    Papounet
                    PS : Il manque que la parole à ces gloutons... lol
                    I'am happy for you !
                    Dernière réalisation : http://www.pierrickservais.com/

                    Commentaire


                    • #11
                      Je connais les liens mais y'a un truc que je comprend pas.
                      Sur le code, fourni plus haut, la taille des cellules n'était pas comme je voulais. J'ai ouvert le code avec l'éditeur de dreamweaver pour voir a quoi correspondait les différentes lignes.
                      Au fil des menus j'ai trouvé "taille de la boite". Je met pour la largeur 160px. Je regarde le code, je vois la commande"width" en plus. Je regarde le résultat et les cellules sont font bien 160px!!!
                      Pourquoi avant ça ne marchais pas??
                      Vous avez besoin de trafic sur vos sites ?
                      http://www.augmenter-trafic.com

                      Commentaire


                      • #12
                        Je sais pas. Un problème de cache ?
                        Le display bloc ?
                        Papounet
                        PS : Il se raconte dans les milieux spécialisés que la meilleure tille de la colonne de gauche est 168 px ? Si tu trouves confirmation la dessus alors boost moi le lien. Merci
                        I'am happy for you !
                        Dernière réalisation : http://www.pierrickservais.com/

                        Commentaire


                        • #13
                          le display:block , sans aucuns doutes
                          ils auront tous notre peau, en attendant on se laisse pas faire
                          Merci d'éviter les demandes de support par MP.

                          Commentaire


                          • #14
                            Bonjour à tous,

                            je pense être au bon endroit (dites-moi si je me trompe ! ) car je cherche aussi à redimensionner le menu de gauche, sur le template rhuk_solarflare_ii. Sa largeur de départ est de 165 pixels, je crois. Pour ma part je souhaite le réduire à 150 px. J'ai donc suivit un petit tutorial trouvé sur ce forum même (merci à son auteur ) où il est expliqué qu'il faut modifier l'image .png. Jusque là, pas de soucis, mes images ont la taille souhaitée, c'est à dire 150 X 30 px.

                            Là où ça ne va plus c'est que je ne parviens pas à trouver les fichiers qui permettent de redimensionner les containers. Je pensais pouvoir résoudre mon problème dans la CSS "template_css.css"... Mais sans résultat. J'ai donc imaginé que le module "mod_mainmenu.php" devait avoir une incidence directe sur les dimensions du menu, mais rien non plus de ce côté. Là j'avoue que je désespère de trouver !

                            Un petit coup de pouce serait grandement apprécié. Merci d'avance !

                            Commentaire


                            • #15
                              Bon, mon problème est résolu.

                              En fait vous aviez déjà tout dit plus haut, et en cherchant un peu j'ai fini par trouver ce que je devais modifier. C'était donc bien dans le fichier "template_css.css".

                              le code devait être le suivant pour obtenir ce que je voulais :

                              a.mainlevel:link, a.mainlevel:visited {
                              display: block;
                              background: url(../images/menu_bg.png) no-repeat;
                              vertical-align: middle;
                              font-size: 9px;
                              font-weight: bold;
                              color: #ccc;
                              text-align: left;
                              padding-top: 1px;
                              padding-left: 18px;
                              height: 15px !important;
                              height: 15px;
                              width: 100%;
                              text-decoration: none;
                              }

                              a.mainlevel:hover {
                              background-position: 0px -15px;
                              text-decoration: none;
                              color: #fff;
                              }
                              Voilà, merci à tous pour le travail extraordinaire que vous faites sur ce forum. Une mine d'informations comme celles-ci, j'adhère !

                              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
                              Travaille ...
                              X