Commencement CSS

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

  • Commencement CSS

    Bonjour à tous,

    Je commences le CSS sur mon site, je souhaite donc savoir si je modifie directement dans le template.css ou si je créé un fichier a part pou créer mon css personalisé.

    Si je créé ce fichier, ou dois je le placer dans mes dossiers?

  • #2
    Re : Commencement CSS

    salut
    tu dois pouvoir créer un fichier custom.css dans le dossier css du template, il me semble que ça marche avec Protostar
    je n'ai pas encore eu le temps de tester cette fonctionnalités
    Le souci si tu modifies le template.css c'est lors des mises à jour, ton fichier sera écrasé
    sinon tu peux dupliquer le template et le renommer, ce qui te permet d'y faire les modifs que tu veux
    CEd
    Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
    http://www.template-creator.com Outil de création de templates
    Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

    Commentaire


    • #3
      Re : Commencement CSS

      Bonjour Ced,
      Merci de ta réponse.
      Si je le duplique et le renomme, dois je supprimer le fichier css restant nommé template.css?

      Commentaire


      • #4
        Re : Commencement CSS

        quand je parle de dupliquer c'est tout le dossier du template pour en créer un autre
        regardes sur le net il y a des tutos à ce sujet car il faut modifier le fichier xml pour lui donner le nom du template
        Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
        http://www.template-creator.com Outil de création de templates
        Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

        Commentaire


        • #5
          Re : Commencement CSS

          Ok j'ai compris le principe.Est il possible d'assigner par exemple un template pour chaque page que j'aurais créer personnellement?
          Pa contre, j'ai créé un nouveau template et quand je l'applique, ma page se reduit en largeur tandis que l'autre etait en pleine page (je n'ai rien modifier dans le template de base, mes modules empietent sur d'autres egalement).
          Dernière édition par Ninsun à 30/06/2015, 10h13

          Commentaire


          • #6
            Re : Commencement CSS

            tu dois avoir un souci au niveau du chargement d'un fichier css ou des paramètres
            Est il possible d'assigner par exemple un template pour chaque page que j'aurais créer personnellement?
            bien sur, dans le gestionnaire de templates
            Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
            http://www.template-creator.com Outil de création de templates
            Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

            Commentaire


            • #7
              Re : Commencement CSS

              Pour le moment j'eesaye de positionner une image de fond pour la page d'accueil.

              Faut il placer l'image dans le dossier images du template choisi ou dans le dossier images avant les templates?

              j'écris le css sous cette forme :
              ligne 7036 à 7048 du fichier template.css :

              .body .container {
              background-color: #fff;
              background-image: url(images/coquelicot.jpg);
              background-size: ;
              -moz-border-radius: 4px;
              -webkit-border-radius: 4px;
              border-radius: 4px;
              padding: 20px;
              border: 1px solid rgba(0,0,0,0.15);
              -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
              -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
              box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
              }

              Pour le background images, ma syntaxe est elle bonne?

              je suis toujous sur protostar mais un que j ai dupliqué.

              Merci.
              Dernière édition par Ninsun à 01/07/2015, 11h13

              Commentaire


              • #8
                Re : Commencement CSS

                Faut il placer l'image dans le dossier images du template
                oui plutot si c'est pour intégrer dans le template, les autres images sont plutot pour etre appelées dans les articles et autre

                background-image: url(images/coquelicot.jpg);
                plutot
                background-image: url(../images/coquelicot.jpg);
                si tu as la structure
                - template
                -- images
                -- css
                Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
                http://www.template-creator.com Outil de création de templates
                Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

                Commentaire


                • #9
                  Re : Commencement CSS

                  Je dois donc suivre le cheminement entier depuis le disque C?
                  Soit : background-image : url(C:/xampp/htdocs/stagedev/templates/potostardev/images/coquelicot.jpg); ou alors je prends à partir d'un chemin plus court?

                  Commentaire


                  • #10
                    Re : Commencement CSS

                    Rebonjour,

                    Alors hier, mise a jour joomla, tout mon css a sauté car je n'avais pas de fichier custom.css.
                    Le souci est que quand je créé un dossier custom.css, le css que je mets à l'intérieur ne s'applique pas.

                    Je dois passer à coté de quelque chose mais je ne vois pas quoi.Dans le custom.css je dois recopier l'intégralité du dossier template.css ou bien juste mettre mes modifications?
                    J'ai compris le principe pour créer et installer divers templates mais le dossier custom, je suis largués lol.

                    Autre question, comment modifier le css d'un module que j'ai placé dans le footer? J'arrive a capter le nom de classe de la div sur firebug mais les modifs ne prennent pas non plus.
                    Dernière édition par Ninsun à 02/07/2015, 10h40

                    Commentaire

                    Annonce

                    Réduire
                    Aucune annonce pour le moment.

                    Partenaire de l'association

                    Réduire

                    Hébergeur Web PlanetHoster
                    Travaille ...
                    X