[RÉGLÉ] css et mise en page article

[jerome2607]

bonjour je souhaiterais presenter mes articles comme dans l exemplede l image

donc l image de l article a gauche et à droite à la même hauteur le titre
les détails
une partie de l article ,
le lire la suite,et sans retour a la ligne discuter de l article

sachant que c est un template concu a partir de template creator et pour le site http://willie26.odns.fr/

[jerome2607]

personne peut m aider??

[lomart]

Bonsoir,

Il faut regarder du coté des extensions showcase sur la JED : https://extensions.joomla.org/catego...icles-display/
sinon, il faut faire un override du blog : https://cinnk.com/joomla/25/trucs-as...charges-joomla

[jerome2607]

bon j ai pu aligner l image d intro et le titre en modifiant le fichier default php mais a présent j ai ce problème de présentation
http://willie26.odns.fr (site de test)
comment améliorer la séparation des articles ?bien sur en gardant differentes tailles des images..?

[lomart]

Bonjour,

J'ai malwarebyte qui me bloque l'accès à ton site. Sucuri ne voit rien, mais il doit y avoir un loup.
Donc désolé, je ne peux pas t'aider

Oir https://www.aesecure.com/fr/blog/sit...hiers-malsains

[jerome2607]

bonjour lomart du coup le site de test est https://www.entrepreneur-forum.fr/

dans la foulée je vais aussi voir d alignerlire la suite et kunena discuss
je sais pas si je dois chercher du coté override blog item comme je l ai fait precedement ou autre part et surtout quoi mettre......
pour aligner les 2
je vous remercie tous et au passage bonnes fetes

[lomart]

Bonsoir,

Il faut revoir l'override pour utiliser les classes de Bootstrap (utilisé par templatecreatorck)
Voici le code d'un bloc corrigé
J'ai mis en rouge mes ajouts dans le code généré. Il faut reporter cela dans le code PHP de l'overrride
C'est non testé, il y aura sans doute des ajustements

<div class="leading-0" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting">
      <div class="[B][COLOR=#FF0000]span3[/COLOR][/B] item-image">
            <a href="/index.php/10-cat1/8-test"><img src="/images/louvre.jpg" alt="" itemprop="thumbnailUrl"></a>
      </div>
[B][COLOR=#FF0000]      <div class="span9">[/COLOR][/B]
        <div class="page-header span9">
               <h2 itemprop="name"><a href="/index.php/10-cat1/8-test" itemprop="url">test</a></h2>
         </div>
         <div class="icons">
              <div class="btn-group pull-right">
                <button class="btn dropdown-toggle" type="button" id="dropdownMenuButton-8" aria-label="Outils utilisateur" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span class="icon-cog" aria-hidden="true"></span>
                    <span class="caret" aria-hidden="true"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton-8">
                      <li class="print-icon"> <a href="/index.php/10-cat1/8-test?tmpl=component&amp;print=1&amp;layout=default" title="Imprimer l'article < test >"                     onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow">            <span class="icon-print" aria-hidden="true"></span>
        Imprimer    </a>
                   </li>
                   <li class="email-icon"> <a href="/index.php/component/mailto/?tmpl=component&amp;template=grunge&amp;link=6b9ed4d4fa680a0816019b705ae922fd5eb7732f" title="Envoyer ce lien à un ami" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;" rel="nofollow">            <span class="icon-envelope" aria-hidden="true"></span>
        E-mail    </a>
                    </li>
                </ul>
            </div>
      </div>
      <p>test</p>
      <p class="readmore">
            <a class="btn" href="/index.php/10-cat1/8-test" itemprop="url" aria-label="Lire la suite&nbsp;:  test">
            <span class="icon-chevron-right" aria-hidden="true"></span>
            Lire la suite&nbsp;:             test        </a>
      </p>
      <a href="/index.php/forum/articles/9-test" title="Discuss this article in the forums (0 replies).">Discuss this article in the forums (0 replies).</a>                
[COLOR=#FF0000][B]</div>[/B][/COLOR]
</div>

[jerome2607]

merci beaucoup j ai pu insérer le code sur mon site principal donc sujet réglé