[RESOLU] probleme mise en page.

2ki2koi
Invité n'ayant pas de compte PHPfrance

20 févr. 2017, 04:29

Bonjour,

Voilà; certains posts (actualité, sous-pages) créer sur d'autres pages son pousser sur la page d’accueil dans la partie "Features" Image
J'aimerai pouvoir changer la disposition et la taille de chaque posts comme sur cette image Image ( j'ai pu faire les changement en changeant les tailles des GRID (col-md-*) par "l'outil de déveleopement " de firefox
.j'ai essayé avec mes notion d'html de le mettre en place sur la page "home.html.twig" mais je suis bien limiter.

Voici un le bout de code où tout se passe. je peux envoyé le code de toute la page si besoin..

Code : Tout sélectionner

[color=#FF0000] </div> </div> {% endif %} </div> {% endblock %} {% block body %} <div class="smart-box-head"> <h3 class="light-title title">Features</h3> </div> {% set firstActualite = [] %} {% set otherActualites = [] %} {% set allOtherActualites = [] %} {% if actualites is not empty %} {% set actualite = actualites[0] %} {% set otherActualites = actualites | slice(1, 4) %} {% set allOtherActualites = actualites | slice(5) %} {% endif %} <div class="row"> <div class="col-md-4"> <div class="video-item"> <div> {% if actualite.Content.Thumb %} <div class="item-thumbnail"> <a href="{{ path('cl_blog_post', {'slug' : actualite.Content.slug }) }}"> <img src="{{ actualite.Content.Thumb.url }}" alt="{{ actualite.Content.name }}"/> </a> </div> {% endif %} <div class="item-text"> <div class="item-head"> <h3> <a href="{{ path('cl_blog_post', {'slug' : actualite.Content.slug }) }}">{{ actualite.Content.name }}</a> </h3> </div> </div> </div> </div> </div> <div class="col-md-8"> {% for actualite in otherActualites %} {% if loop.index % 2 == 1 %} <div class="row"> {% endif %} <div class="col-md-6"> <div class="video-item"> <div> {% if actualite.Content.Thumb %} <div class="item-thumbnail"> <a href="{{ path('cl_blog_post', {'slug' : actualite.Content.slug }) }}"> <img src="{{ actualite.Content.Thumb.url }}" alt="{{ actualite.Content.name }}"/> </a> </div> {% endif %} <div class="item-text"> <div class="item-head"> <h3> <a href="{{ path('cl_blog_post', {'slug' : actualite.Content.slug }) }}">{{ actualite.Content.name }}</a> </h3> </div> </div> </div> </div> </div> {% if loop.index % 2 == 0 or loop.last %} </div> {% endif %} {% endfor %} </div> </div> {% for actualite in allOtherActualites %} {% if loop.index % 3 == 1 %} <div class="row"> {% endif %} <div class="col-md-4"> <div class="video-item"> <div> {% if actualite.Content.Thumb %} <div class="item-thumbnail"> <a href="{{ path('cl_blog_post', {'slug' : actualite.Content.slug }) }}"> <img src="{{ actualite.Content.Thumb.url }}" alt="{{ actualite.Content.name }}"/> </a> </div> {% endif %} <div class="item-text"> <div class="item-head"> <h3> <a href="{{ path('cl_blog_post', {'slug' : actualite.Content.slug }) }}">{{ actualite.Content.name }}</a> </h3> </div> </div> </div> </div> </div> {% if loop.index % 3 == 0 or loop.last %} </div> {% endif %} {% endfor %} [/color]

j'espere que quelqu'un pourra m'aider.Merci d'avance à ceux qui y jetteront on coup d'oeil...
Cordialement

Mammouth du PHP | 1967 Messages

20 févr. 2017, 12:53

Il semble que tu utilise un CMS, il serai interessant d'en donner le nom. de plus tu aurais beaucoup plus de chance de réponse sur un forum dédié à ce CMS
Spols
pour les fan de rubik's cube ou pour les curieux ==> le portail francophone du rubik's cube