Recettes pour Plone

---

Mes recettes perso pour utiliser les CSS, scripts et autres méthodes prédéfinis dans Plone.

Afficher un Image du site en changeant la taille

Ajouter simplement après son nom la taille désirée ::

/images/whatever.jpg/image_thumb,        (128, 128)
/images/whatever.jpg/image_mini,         (200, 200)
/images/whatever.jpg/image_preview,      (400, 400)
/images/whatever.jpg/image_large,        (768, 768)

Incruster une image

en utilisant le CSS de Actualité ::

<div class=\"newsImageContainer\">
    <a href=\"http://www.blogger.com/monimage.jpg/image_view_fullscreen\">
    <img src=\"http://www.blogger.com/monimage.jpg/image_mini\" /></a>
    <p class=\"discreet\">Légende de mon image</p>
</div>

en définissant un style inline ::

<div style=\"margin: 0pt 0pt 1em 1em; float: right;\" align=\"center\">
    <a href=\"http://www.blogger.com/monimage.jpg/image_view_fullscreen\">
    <img src=\"http://www.blogger.com/monimage.jpg/image_mini\"></a>
    <p class=\"discreet\">Légende de mon image</p>
< /div>

Insérer un encadré

Dans le corps d un document, en utilisant le CSS encadre ::

<div class=\"encadre\">Texte de l encadré ici</div>

Ajouter dans le fichierploneCustom.css, les lignes suivantes ::

.encadre {
    float: right;
    width: 150px;
    padding: 1em;
    margin: 1em;
    background-color: #dee7ec;
    border: 1px solid #8cacbb;
}

---

Publié le : 05-01-2023 - 18:12