2nde Image dans le header

[Ptit Philippe]

Bonsoir,
je voudrais ajouter une seconde image dans le header sur la droite ( après la recherche)
avec le template Purity III

http://test.nbc59.net/

j'ai essayé d"ajouter un div avec firebug mais l'image se met sur une seconde ligne

Merci d'avance pour votre aide

[manu93fr]

Re : 2nde Image dans le header

Bonsoir,
c'est un peu normal vu que sur toute la ligne, il n'y a plus de place.
Si l'objectif etait de faire un bandeau comme sur le site de prod (en Joomla! 3.5.1 quand même !!!!) Il vaudrait mieux qu'il soit sorti du menu
Parce que là, tel quel, tu perds le responsive de ton site et le logo (tros grand) oblige le menu a aller a la ligne ... et ça fait pas très beau

Ce que je ferai, je refais un logo plus petit et plus "rectangle" juste pour qu'il soit bien intégré sur la ligne de menu
Et je ferai un beau bandeau en dessous avec les logos

Attention aussi a l'integration de ta video youtube, elle n'est pas responsive non plus car surement défini en valeur en pixel ...

[Ptit Philippe]

Re : 2nde Image dans le header

merci pour la réponse
comment intégrer ce nouveau bandeau dans le template ?

[manu93fr]

Re : 2nde Image dans le header

En le mettant dans une autre position juste en dessous du menu

ps: si tu enlèves le lien de ton site test, plus personne ne pourra t'aider ...

[Ptit Philippe]

Re : 2nde Image dans le header

j'ai enlevé le lien le temps de remettre à niveau le site de prod (il n'était pas en 3.5.1 mais 3.4.8)
maintenant que tout est à niveau, je l'ai remis

Merci d'avance pour l'aide

[lomart]

Re : 2nde Image dans le header

Bonsoir,

Je pense qu'il suffit de mettre la nouvelle image. Je ne vois pas de contrainte CSS

[Ptit Philippe]

Re : 2nde Image dans le header

Bonjour,
j'ai créé un nouveau block "banner" (copie de slideshow) et ajouté ce block dans tpls\blocks\hearder.php

            <!-- //LOGO -->

            <?php if ($this->getParam('navigation_collapse_enable', 1) && $this->getParam('responsive', 1)) : ?>
                <?php $this->addScript(T3_URL.'/js/nav-collapse.js'); ?>
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".t3-navbar-collapse">
                    <i class="fa fa-bars"></i>
                </button>
            <?php endif ?>

        <?php $this->loadBlock ('banner') ?>
        
            
        <?php if ($this->countModules('head-search')) : ?>
        <!-- HEAD SEARCH -->
        <div class="head-search<?php $this->_c('head-search')?>">     
          <jdoc:include type="modules" name="<?php $this->_p('head-search') ?>" style="raw" />
        </div>
        <!-- //HEAD SEARCH -->
        <?php endif ?>

puis un nouveau module placé en banner (je dois encore le compléter)

mais du coup j'ai un décalage dans l'affichage des pages

http://www.test.nbc59.net/index.php?option=com_content&view=article&id=9&Itemid=187

quelque chose à changer dans css\custom.css ?

[lomart]

Re : 2nde Image dans le header

Essaie:

.navbar-header > .logo {float:left}
.navbar-header > .banner, .navbar-header > button {float:right}

Mais il faudra inverser l'appel du bouton dans le header.php

[Ptit Philippe]

Re : 2nde Image dans le header

merci je vais tester ça ce soir

[Ptit Philippe]

Re : 2nde Image dans le header

le logo (du module banner) vient se coller au logo de la barre du haut

en regardant le purity III original, je vois que le menu se met sur la même ligne alors que là il se met en dessous
j'ai vérifié header.php et la seule différence est le banner

[Ptit Philippe]

Re : 2nde Image dans le header

bonsoir,
@lomart : j'ai du rater quelque chose car le module banner s'affiche à gauche malgré le float right et même en mettant l'image dans le header.php, elle s'affiche sous la recherche
merci d'avance