Modifier le CSS du template UNIQUEMENT pour la page d'accueil

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

  • [RÉGLÉ] Modifier le CSS du template UNIQUEMENT pour la page d'accueil

    Bonjour,

    J'ai un petit problème, voici mon site avec le template ja-purity:




    La couleur immode que vous voyez au milieu ne sert que de test !

    Ce que j'aimerai faire :

    Pouvoir appliquer une couleur en background exactement comme je l'ai fait sur la page d'accueil MAIS que cette couleur ne s'applique pas sur les autres pages du site.

    Pour modifier la couleur je suis allé dans le css, et j'ai rajouté background-color à la ligne de code ci-dessous :

    #ja-container .main { padding: 20px 0; min-height: 300px; background-color:#320E15}

    Est il possible de mettre une condition du style :
    if (homepage)
    background-color:#320E15;
    else
    background-color :#fff;

    J'espère que vous pourrez m'aider, merci
    Dernière édition par nephis43 à 26/05/2011, 08h58

  • #2
    Re : Modifier le CSS du template UNIQUEMENT pour la page d'accueil

    astuce N° 1 sur mon site :


    ou alors utiliser les suffixes css du lien de menu
    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 : Modifier le CSS du template UNIQUEMENT pour la page d'accueil

      C'est à dire utiliser les suffixes css du lien de menu, tu peux mieux expliquer ?

      Commentaire


      • #4
        Re : Modifier le CSS du template UNIQUEMENT pour la page d'accueil

        En ce qui concerne ton astuce, je comprends très bien le principe. Tu utilises un booléen, si tu es sur la page d'accueil ta variable = 1 sinon 0. Ca ok, mais

        1 // Detecting Home
        2 $menu = & JSite::getMenu();
        3 if ($menu->getActive() == $menu->getDefault()) {
        4 $siteHome = 1;
        5 }else{
        6 $siteHome = 0;
        7 }

        Tu le mets dans quel fichier de ton template?

        Ensuite tu utilises ta variables sur de l HTML peux tu le faire sur du css?

        Commentaire


        • #5
          Re : Modifier le CSS du template UNIQUEMENT pour la page d'accueil

          tu utilises la variable dans le fichier 'index.php' du template, tu peux ainsi définir une classe particulière à appliquer au <body> si tu es en accueil, ça te permet de l'identifier en css par la suite
          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


          • #6
            Re : Modifier le CSS du template UNIQUEMENT pour la page d'accueil

            En tout cas, merci bien de m'aider mais je n'y arrive pas, je vais détaillé ce que j'ai fait :
            Dans template / japurity / index.php j'ai :
            <head>
            <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
            </head>
            <?php

            // Detecting Home
            $menu = & JSite::getMenu();
            if ($menu->getActive() == $menu->getDefault()) {
            $siteHome = 1;
            }else{
            $siteHome = 0;
            }

            if (class_exists('T3Template')) {
            $tmpl = T3Template::getInstance();
            $tmpl->setTemplate($this);
            $tmpl->render();
            return;
            } else {
            //Need to install or enable JAT3 Plugin
            echo JText::_('Missing jat3 framework plugin');
            }

            Dans template/japurity/css/template.css
            j'ai mis :

            #ja-container .main { padding: 20px 0;
            min-height: 300px;
            <!--[if $siteHome]>
            background-color:#320E15;
            <![endif]-->
            }


            Et ca ne marche pas sur la page d'accueil.

            Commentaire


            • #7
              Re : Modifier le CSS du template UNIQUEMENT pour la page d'accueil

              #ja-container .main { padding: 20px 0;
              min-height: 300px;
              <!--[if $siteHome]>
              background-color:#320E15;
              <![endif]-->
              }
              tiens c'est un nouveau style de codage ??? MDR on me l'avait encore jamais faite celle là... elle mériterait presque d'être dans bétisier

              Essaies plutot ça :
              Code PHP:
              // Detecting Home
              $menu = & JSite::getMenu();
              if ($menu->getActive() == $menu->getDefault()) {
              $bodyclass=' accueil';
              }else{
              $bodyclass = '';
              }

              ...

              <body class="<?php echo $bodyclass?>">
              ...
              Code:
              body.accueil #ja-container .main{background:red;}
              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


              • #8
                Re : Modifier le CSS du template UNIQUEMENT pour la page d'accueil

                D'après ce que j'avais vu sur des sites cela permettait de faire une conditions dans les css après j'avais jamais testé.

                Donc je copie ce que tu m'as mis dans code php dans l'index.php de mon template?

                Commentaire


                • #9
                  Re : Modifier le CSS du template UNIQUEMENT pour la page d'accueil

                  oui, aux bons endroits bien sur ! le code avant </head> et le reste sur la balise body

                  pour les css conditionnels oui c'est possible mais pas comme ça
                  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


                  • #10
                    Re : Modifier le CSS du template UNIQUEMENT pour la page d'accueil

                    je dois être débile mais je ne comprends pas ou il faut le mettre :O

                    le code avant </head> et le reste sur la balise body
                    ca donne ca ???

                    <head>
                    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

                    $menu = & JSite::getMenu();
                    if ($menu->getActive() == $menu->getDefault()) {
                    $bodyclass=' accueil';
                    }else{
                    $bodyclass = '';
                    }
                    </head>

                    <body class="<?php echo $bodyclass; ?>">

                    <?php




                    if (class_exists('T3Template')) {
                    $tmpl = T3Template::getInstance();
                    $tmpl->setTemplate($this);
                    $tmpl->render();
                    return;
                    } else {
                    //Need to install or enable JAT3 Plugin
                    echo JText::_('Missing jat3 framework plugin');
                    }

                    Commentaire


                    • #11
                      Re : Modifier le CSS du template UNIQUEMENT pour la page d'accueil

                      j'aurais bien aimé t'aider d'avantage mais le harcèlement par messagerie privée m'en a légèrement coupé l'envie... dommage.
                      tu apprendras que les fils de discussion sont là pour trouver de l'aide et que les demandes perso d'aide par mp sont très mal perçues....
                      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


                      • #12
                        Re : Modifier le CSS du template UNIQUEMENT pour la page d'accueil

                        le harcèlement ???
                        Je ne pensais vraiment pas que ce serait pris pour un harcèlement d'envoyé un message privé et je ne savais pas du tout que c'était mal vu
                        Je m'en excuse si tu l'as mal pris c'était pourtant pas dans mon intention.

                        Commentaire


                        • #13
                          Re : Modifier le CSS du template UNIQUEMENT pour la page d'accueil

                          Après avoir un peu plus cherché, j'y suis arrivé.
                          Je te remercie beaucoup pour ton aide, mais ne comprends pas pourquoi tu as si mal pris un message privé (parler de harcelement pour un message privé ....)

                          Bonne journée encore merci.

                          Commentaire


                          • #14
                            Re : Modifier le CSS du template UNIQUEMENT pour la page d'accueil

                            oui parce que tu peux bien imaginer que si tout le monde fait comme ça plus personne n'échange sur le forum et les gens qui comme moi essaient de donner de leur temps pour aider se voient remplir leur boite de message qui disent "stp aides moi!"
                            en ce moment j'en reçois plusieurs des messages de ce type et ça commence à me gonfler, d'ailleurs si tu regardes la signature de certains acteurs du forum tu verras qu'ils l'ont mis explicitement "pas de demande par mp"

                            ce que je ne comprends pas c'est pourquoi tu m'envoies un mp pour insister alors que je t'aidais plutot activement sur ton fil ?!
                            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


                            • #15
                              Re : Modifier le CSS du template UNIQUEMENT pour la page d'accueil

                              Je suis d'accord avec toi, tu m'aidais activement je dis pas le contraire. En tout cas, pour les MP je savais pas et encore une fois je m'en escuse. J'ai juste trouvé le terme "haecelement très fort pour un MP".
                              Bref, encore merci et désolé, je retiendrai la leçon pour les MP.

                              Bonne journée

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X