Modifier Protostar

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

  • [RÉGLÉ] Modifier Protostar

    Bonjour,

    J’administre ce site sous Joomla 3.6.5. Le template utilisé «*adm*» est en fait une copie personnalisée du template Prostar. Personnellement le design actuel du site commence à vieillir et plutôt que de changer complètement de template, j’ai peur d’avoir un peu trop de travail. Je préfèrerai dans un premier temps modifier l’existant.

    J’aimerai modifier l’entête «*header*» donc pour qu’ils soit plus haut ce qui permettrait d’avoir plus d’espace entre le titre «*Artisans du monde La Rochelle*» et l’image dessous et de même entre l’image et les menus …

    Je n’ai trouvé ou est déclaré la taille de ce block dans le template*?

    Merci,
    Dernière édition par phelibre à 21/02/2017, 14h35

  • #2
    Re : Modifier Prostar

    salut
    tous les css sont définis dans


    il faut utiliser Firebug ou la console du navigateur (F12 ou CTRL+SHIFT+K) pour inspecter ta page et les éléments
    tu auras les règles et leur emplacement, tu pourras meme simuler des modifs
    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 : Modifier Prostar

      Merci, Oui j'ai regardé le css mais rien de trouvé de clair au niveau du header ...
      Oui je connais le mode debug des navigateurs :
      <div class="body">
      <div class="container">
      <!-- Header -->
      <header class="header" role="banner">
      <div class="header-inner clearfix">
      <a class="brand pull-left" href="/">
      <img src="http://www.admlarochelle.com/images/LogoAdM2016animate.gif" alt="Artisans du Monde La Rochelle" /> </a>
      <div class="header-search pull-right">

      </div>
      <div class="site-title">
      <h1>
      Artisans du Monde La Rochelle </h1>
      </div>
      </div>
      </header>
      Voilà la partie concernée mais cela me dit pas ou est défini le block en question ... Je sais que l'image défini pour la bannière est déclarée en ligne 6987 du css mais rien de plus

      Commentaire


      • #4
        Re : Modifier Prostar

        ça c'est le code html que tu cites, pas le css
        ligne 7432 tu peux essayer d'ajouter une marge négative sur le titre pour le remonter

        div.site-title {
        color: #6f0100;
        display: inline-block;
        margin-left: 20px;
        margin-top: -20px;
        }
        c'est le plus simple à mon avis
        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 : Modifier Protostar

          Oui effectivement cela décale un peu la bannière vers le bas j'essaye sur une copie du site en local et donc non visible pour vous.

          Sans vouloir insister, j'aimerai savoir ou est définie le block de la bannière afin de pouvoir également mettre une image plus haute d'environ 50% ?

          Merci,

          Commentaire


          • #6
            Re : Modifier Protostar

            Si tu passe par le style pour mettre ton image, pas besoin de changer la hauteur.
            Si tu met une image avec d'autres dimensions, il s adapte automatiquement.
            La l'image est en background de la div id=header.

            C'est la hauteur du logo de gauche qui determines la hauteur globale de l'entête......

            Pour la marge entre l'entete et le fil d ariane
            crées un fichier user.css et met ceci dedans :
            Code:
            .header {
                margin-bottom: 150px;
                background: url(../images/banniere-2016.png) repeat scroll right rgba(0, 0, 0, 0);
            }
            Dernière édition par lefabdu51 à 22/02/2017, 08h26

            Commentaire


            • #7
              Re : Modifier Protostar

              Merci, c'est parfait

              Pour finir, pour connaitre un peu plus sur l'organisation des templates et notamment le Protostar, vous me conseillez quoi ?

              Commentaire


              • #8
                Re : Modifier Protostar

                Bonjour,
                Si tu lis l'anglais : http://bj.zemplate.com/protostar-res.../customization
                Tu as également web54 qui a fait plusieurs pages là dessus en partant de ces pages en anglais : https://www.web54.fr/tutoriels-frame...iel-protostar/

                Cordialement,
                Chabi01 - http://www.xlformation.com

                Commentaire


                • #9
                  Re : Modifier Protostar

                  Merci à tous

                  Commentaire


                  • #10
                    Re : Modifier Protostar

                    Si c'est réglé merci de l'indiquer :
                    Lorsque l'on se cogne la tête contre un pot et que cela sonne creux, ça n'est pas forcément le pot qui est vide.
                    Confucius

                    Commentaire


                    • #11
                      Re : Modifier Protostar

                      ??? c'est ce que j'ai fait 14h53 !!!

                      Commentaire


                      • #12
                        Re : Modifier Protostar

                        ??? C'est ce que j'ai fait à 14h53 !!!

                        Commentaire


                        • #13
                          Re : Modifier Protostar

                          Impossible de passer la file en Réglé !!!!

                          Commentaire


                          • #14
                            Re : Modifier Protostar

                            C'est bon, la discussion apparait bien en "Réglé"

                            Sinon http://forum.joomla.fr/announcement.php?f=230
                            Lorsque l'on se cogne la tête contre un pot et que cela sonne creux, ça n'est pas forcément le pot qui est vide.
                            Confucius

                            Commentaire

                            Annonce

                            Réduire
                            Aucune annonce pour le moment.

                            Partenaire de l'association

                            Réduire

                            Hébergeur Web PlanetHoster
                            Travaille ...
                            X