(question) modifier le css de l'affichage en liste blog de mon template ?

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

  • [RÉGLÉ] (question) modifier le css de l'affichage en liste blog de mon template ?

    Bonjours,

    J'avance doucement sur mon site..., et me voici de nouveau sur ce forum sans lequel j'aurais bien galeré... merci encore.

    Bon donc l'affichage de mes articles en blog ne correspond pas a ce que je veux... c'est pas tres beau...
    http://airdepaix.org/index.php?optio...516cdffbf755c6

    j'aimerai changer la couleur et la taille des titre cliclabe... c'est dans les fichier de mon template ? template.css ? dans cette partie la ?

    table.blog {

    }

    h1 {
    padding: 0;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 1.3em;
    line-height:19px;
    font-weight: 700;
    vertical-align: bottom;
    color: #000;
    text-align: left;
    width: 100%;
    }

    h2, .contentheading {
    padding: 0;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    vertical-align: middle;
    color: #3154e5;
    text-align: left;
    font-weight: 700;
    }

    h2, a.contentheading {
    background: none;
    border: none;
    margin:6px 0;
    }


    plus bas il y a aussi ce bout de code, y a t-il un rapport ?


    table.blog span.article_separator {
    display: block;
    height: 20px;


    J'aimerais aussi crée des sorte de bulle ou cadre avec des bords arrondie pour bien séparer chaque article et que se soit plus lisible.
    si vous savec comment faire, merci d'avance, quel code rajouter, quel commande utiliser ?

    Encore merci...
    adman
    Dernière édition par kolipu à 01/10/2010, 08h01

  • #2
    Bonjour,

    Avec firebug de firefox on identifie facilement la ligne de css à changer ( click droit sur l'élément et sélectionner inspecter un élément) cf aussi tuto de lesh : http://lesh.fr.nf/joomla15_test/inde...=1119&Itemid=1)

    "j'aimerai changer la couleur et la taille des titre cliclabe": souhaitez vous changer celles du menu ou l'histoire du chameau qui pleure?

    TT
    Dernière édition par AlphaDesign à 01/10/2010, 10h54
    Templates Joomla sur mesure & responsive http://alphadesign.fr/creation-de-sites-templates-joomla-responsive.html
    Formations Joomla http://alphadesign.fr/services/formations-joomla.html
    Formations Joomla conventionnées: DIF et autres formations continues.
    Checklist SEO pour Joomla http://alphadesign.fr/joomla/checklist-seo-pour-joomla-referencement-joomla.html

    Commentaire


    • #3
      je vais essayer

      merci bien, je vais essayer ca aujourd'hui...
      restera a trouver la partie de code html et css pour faire un cadre...

      oui je ne sais pas programer c'est pour ca que j'utilise joomla.
      Mais bidouiller, copier coller des bout de programe ca c'est possible.

      et oui c'est bien les titres de "l'histoire du chameau qui pleure" que j'aimerai modifier.
      avec firebug ca devrai le faire... j'espere.

      merci, je vous tient au courant, et si quelqu'un passe par la et a un bout de code ou les balise a utiliser ou je ne sais pas quoi pour crée un cadre, je veux bien.

      adman

      Commentaire


      • #4
        Pour modifier la couleur et la taille de l'histoire du chameau qui pleure?

        ajouter dans le fichier template.css :
        td.contentheading a.contentpagetitle {
        color:red;
        font-size:18px;
        }

        à vous de choisir la couleur qui vous convient ainsi que la taille de police,

        ah j'oubliais pour le choix des couleurs et leur valeurs hexadécimales vous pouvez utiliser cet outil :http://alphadesign.fr/joomla/palette-de-couleur.php

        TT
        Dernière édition par AlphaDesign à 01/10/2010, 09h22
        Templates Joomla sur mesure & responsive http://alphadesign.fr/creation-de-sites-templates-joomla-responsive.html
        Formations Joomla http://alphadesign.fr/services/formations-joomla.html
        Formations Joomla conventionnées: DIF et autres formations continues.
        Checklist SEO pour Joomla http://alphadesign.fr/joomla/checklist-seo-pour-joomla-referencement-joomla.html

        Commentaire


        • #5
          Exelent outils que se firebug..., presque trop complet,
          mais c'est parfait pour mon niveau de compréhension.

          Outil de pallette est pratique aussi.

          manque plus que le cadre...

          Commentaire


          • #6
            encore un petit coup de main

            avec se super firebug, je peux tester des changements... mais je suis pas sur de savoir ou les merttre dans les vrai fichier...

            donc mettre un cadre au article en mode blog je doit rajouter un style d'élément...
            avec background; padding; width... enfin tout pour une mise en page qui me plaise.

            Mais comment faire pour que tout les élément de la liste blog est le meme,
            je croit que je doit crée un style avec un nom speciale et inserer une balise quelque part pour qu'a chaque nouveau article il aille cherche le bon style...

            quelqu'un a suivit ?

            mais ou, dans fichier html, template.css... si vous pouvez m'aider merci

            Commentaire


            • #7
              Vous pouvez mettre toutes vos modifs de css dans le fichier template.ccs du template utilisé, si on peut avoir un screenshot de ce que vous souhaitez réaliser en matière de cadre, ce sera + facile pour vous aidez

              TT
              Templates Joomla sur mesure & responsive http://alphadesign.fr/creation-de-sites-templates-joomla-responsive.html
              Formations Joomla http://alphadesign.fr/services/formations-joomla.html
              Formations Joomla conventionnées: DIF et autres formations continues.
              Checklist SEO pour Joomla http://alphadesign.fr/joomla/checklist-seo-pour-joomla-referencement-joomla.html

              Commentaire


              • #8
                J'essaye de vous envoyer ca demain...
                j'ai pas les meme horaire.. y va etre 17h00 chez moi...
                merci

                Commentaire


                • #9
                  OK doc,

                  A demain, il vit ou Kolipu ? En Australie ?

                  ++, TT
                  Dernière édition par AlphaDesign à 01/10/2010, 10h52
                  Templates Joomla sur mesure & responsive http://alphadesign.fr/creation-de-sites-templates-joomla-responsive.html
                  Formations Joomla http://alphadesign.fr/services/formations-joomla.html
                  Formations Joomla conventionnées: DIF et autres formations continues.
                  Checklist SEO pour Joomla http://alphadesign.fr/joomla/checklist-seo-pour-joomla-referencement-joomla.html

                  Commentaire


                  • #10
                    Bonjours,
                    Pas mal le calcul, je suis pas loin de l'australie... aux philippines.

                    Enfet le template utiliser est : siteground-j15-126, http://joomla15.siteground.com/?temp...ground-j15-126
                    il y a deja eu pas mal de changement...
                    donc voici les photo avant et apres modification par firebug..., mais je n'ai pas trouver ou les placer... dans template.css ? n'importe ou ?
                    j'ai rajouter une commande background, padding et marge..., mais je l'ai fait 2 fois, 1 manip pour chaque article... que se passe t'il si j'ai une base de 300 article ?

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

Nom : Image 2.jpg 
Affichages : 1 
Taille : 40,0 Ko 
ID : 1795121Cliquez sur l'image pour l'afficher en taille normale

Nom : Image 1.jpg 
Affichages : 1 
Taille : 40,6 Ko 
ID : 1795122

                    Voici aussi un exemple pour le titre de l'article, le css indiquer par firebug, qui ne correspond pas tout a fait a ce que j'ai dans mon template.css, et losque je change la taille pour 20px et que je renvoie le fichier sur le serveur rien ne change ? enfet si ca marche bien, ca mets un peu de temps a prendre les changement en compte...

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

Nom : Image 3.png 
Affichages : 1 
Taille : 18,6 Ko 
ID : 1795120Cliquez sur l'image pour l'afficher en taille normale

Nom : Image 4.png 
Affichages : 1 
Taille : 11,3 Ko 
ID : 1795123

                    Voila, merci d'avance, en esperant que vous ayez une idée de solution...

                    Ce n'est pas le graphisme finit, mais une que je sais comment faire je peut prendre le temps de choisir les bonne couleur, essayer d'arrondir les angles de la fenetre foncé, ect...
                    Dernière édition par kolipu à 02/10/2010, 07h21

                    Commentaire


                    • #11
                      Bonjour,

                      OK, dans le fichier template.css de ton template les lignes en rouge:
                      • ligne 495 ajoute :
                        table.blog {
                        width:100%;
                        }
                      • Ajoute par exemple dans la ligne qui suit :
                        table.blog div {
                        margin: 20px; background-color: black; padding: 20px;
                        }

                      Ces styles s'appliqueront à tous les articles présentés en mode blog

                      TT
                      Dernière édition par AlphaDesign à 02/10/2010, 11h35
                      Templates Joomla sur mesure & responsive http://alphadesign.fr/creation-de-sites-templates-joomla-responsive.html
                      Formations Joomla http://alphadesign.fr/services/formations-joomla.html
                      Formations Joomla conventionnées: DIF et autres formations continues.
                      Checklist SEO pour Joomla http://alphadesign.fr/joomla/checklist-seo-pour-joomla-referencement-joomla.html

                      Commentaire


                      • #12
                        Bonjour,
                        ça met un peu de temps à prendre les changements en compte...
                        Problème de cache du navigateur. Force le rafraichissement de la page (et le rechargement du css) par Ctrl F5 ou vide le cache u navigateur.
                        Schtroumpfe toi le Schtroumpf t'aidera.
                        Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

                        Commentaire


                        • #13
                          merci beaucoup...

                          champion du monde...

                          A bientot surment...

                          Commentaire


                          • #14
                            Bonne continuation Kolipu et à la prochaine qui sait ?

                            Il est fort probable que tu retrouves + souvent Grand Schtroumpf sur ce forum pour répondre à tes questions (non seulement pour son exceptionnelle connaissance de Joomla mais aussi pour son inégalable implication à aider les gens sur ce forum )

                            TT

                            PS: merci de passer le sujet en réglé si c'est le cas cf http://forum.joomla.fr/announcement.php?f=127
                            Dernière édition par AlphaDesign à 02/10/2010, 12h09
                            Templates Joomla sur mesure & responsive http://alphadesign.fr/creation-de-sites-templates-joomla-responsive.html
                            Formations Joomla http://alphadesign.fr/services/formations-joomla.html
                            Formations Joomla conventionnées: DIF et autres formations continues.
                            Checklist SEO pour Joomla http://alphadesign.fr/joomla/checklist-seo-pour-joomla-referencement-joomla.html

                            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