Bonjour,
Je souhaite reproduire le même effet que j'avais obtenu sur ma galerie v1.7.2 Lien içi sur la page index.php (CF capture #1)
Je m'étais aidé du plugin MPVC avec le réglage suivant:
#content div.thumbnailCategory div.description p.MPVC_NbImg { font-style: italic;
color:#ff9960; }
#content div.thumbnailCategory div.description p.MPVC_Comment { text-align:justify;
padding-top:8px;
padding-right:8px;
border-top:1px solid #808080;
color:#996060; }
J'ai beau essayer de rentrer ce code dans template/yoga/local-layout.css en supprimant les passages p.MPVC_NbImg ça me donne un mauvais résultat (CF capture #2).
Question subsidiaire, je voudrais que le nom + les caractéristiques (17 images dans 3 sous-répertoires) soient centré.
Voilà, si quelqu'un pouvait me mettre sur la voie, je lui en serai reconnaissant :-)
Hors ligne
Petit up pour mon premier message ^^
J'ai une modification (esthétique) à soumettre. Faut-il que j'utilise le bugtracker ?
Hors ligne
Gotcha a écrit:
Petit up pour mon premier message ^^
Il me semble que l'on peux le faire directement maintenant par surcharge du fichier css
Regarde la class de ce que tu veux modifier et surcharge dans un fichier local
(il me semble
class="text"
class="Nb_images")
Gotcha a écrit:
J'ai une modification (esthétique) à soumettre. Faut-il que j'utilise le bugtracker ?
Propose déjà ici cela permet d'avoir l'avis de plusieurs personnes avant de créer la demande d'évolution ;-)
En ligne
Merci ddtddt :-)
En effet j'en suis arrivé à installer Firebug et je m'amuse comme un petit fou avec.
J'ai identifié ces class mais impossible de surclasser Nb_images !
Je vais devoir modifier a mano mainpage-categories.tpl J'ai heureusement compris comment on remplacer un template pour ne pas faire trop de bêtises ^^
Dans my-mainpage-categories.tpl j'ai ajouter: (en gras)
<div class="thumbnailCategory">
<div class="illustration">
<a href="{$cat.URL}">
<img src="{$cat.TN_SRC}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '} - {'hint_category'|@translate}">
</a>
</div>
<div class="description">
<h3>
<a href="{$cat.URL}">{$cat.NAME}</a>
{$cat.ICON_TS}
</h3>
<div class="text">
{if isset($cat.INFO_DATES) }
<p class="dates">{$cat.INFO_DATES}</p>
{/if}
<p class="Nb_images" align="center"><em>{$cat.CAPTION_NB_IMAGES}</em></p>
{if not empty($cat.DESCRIPTION)}
<p>{$cat.DESCRIPTION}</p>
{/if}
</div>
</div>
</div>
Il y aurait un moyen de le faire sans modifier un fichier tpl ???
Ce que je ne comprends pas, c'est dans le même fichier, plus haut, j'arrive à l'aide de /template/yoga/theme/dark/theme.css en rentrant le code suivant:
/* Centrage du nom de la catégorie */
.content ul.thumbnailCategories li
div.thumbnailCategory .description h3, .content h3 {
text-align:center;
}
... à modifier le bloc:
<h3>
<a href="{$cat.URL}">{$cat.NAME}</a>
{$cat.ICON_TS}
</h3>
Je pose la question car soit je modifie le fichier tpl, soit on peut le podifier via un fichier css
******************************************************************************
J'ai donc une modification (mineur) à soumettre car j'ai observé un petit décalage de cadre. Ca se joue à 4px :p
Légende:
Photo 6 => Une fois corrigé
Photo 5 => Petit soucis de cadres...
Photo 4 => Mon remède temporaire
Photo 3 => Firebug
Photo 2 => Firebug
Photo 1 => Firebug
Dernière modification par Gotcha (2009-04-18 23:32:54)
Hors ligne
Gotcha a écrit:
J'ai identifié ces class mais impossible de surclasser Nb_images !
Via LocalFiles Editor Dans le fichier template/yoga/local-layout.css essais :
.Nb_images
{color:red;font-weight: bold; text-align:center ;}
Tu n'est pas obliger de laisser le red c'est pour bien voir la prise en compte ;-)
En ligne
Pour la modif sur le thème, je laisse VDigital te répondre dans quelques jours
En ligne
ddtddt a écrit:
Gotcha a écrit:
J'ai identifié ces class mais impossible de surclasser Nb_images !
Via LocalFiles Editor Dans le fichier template/yoga/local-layout.css essais :
.Nb_images
{color:red;font-weight: bold; text-align:center ;}Tu n'est pas obliger de laisser le red c'est pour bien voir la prise en compte ;-)
Hélas ça ne fonctionne pas aussi "simplement".
J'ai néanmoins réussi à faire faire ce que je voulais grosso modo
Dans yoga/local-layout.css
/* Centrage modifications de la caractéristique de la catégorie. */ .content div.thumbnailCategory div.description div.text p.Nb_images { border-top:1px solid #808080; color:#FF9960; font-style:italic; text-align:center; } /* Centrage modifications du nom de la catégorie. */ .content div.thumbnailCategory div.description h3 { font-weight: bold; text-align:center; } /* Modifications de la description de la catégorie. */ .content div.thumbnailCategory div.description div.text p { color:#996060; }
Hors ligne
Bonsoir,
Encore une petite chose.
J'aimerai voir les miniatures centrées sur index.php
Les centrer horizontalement j'ai réussi sans problème, mais je n'arrive pas à le faire verticalement.
Ce qui fonctionne:
Dans theme.css (ligne 80) :
.content div.thumbnailCategory div.illustration {
text-align:center;
}
Ce qui ne veut pas fonctionner:
Dans theme.css (ligne 80) :
.content div.thumbnailCategory div.illustration {
text-align:center;
vertical-align:middle;
}
Comment faire ???
Merci.
Hors ligne
Gotcha a écrit:
Ce qui ne veut pas fonctionner:
Dans theme.css (ligne 80) :
.content div.thumbnailCategory div.illustration {
text-align:center;
vertical-align:middle;
}
quelque piste de recherche :
- As tu regardé si dans le fichier css, il y a un positionnement ultérieur à ta directive pour cette partie ?
- vertical-align:middle; centre verticalement dans le conteneur, comment est crée le conteneur ? (sa taille)
- As tu essayé de positionner avec un
padding-top:auto;
patting-bottim:auto;
pour que le conteneur de centre par rapport au conteneur précédent ?
En ligne
Bonjour,
Je vois ce que tu veux me faire comprendre sauf que je suis un bille et que j'ai beau farfouiller, ça ne me donne rien.
Hors ligne
Gotcha a écrit:
Bonjour,
je suis un bille et que j'ai beau farfouiller, ça ne me donne rien.
Mais non ;-)
As tu testé avec les padding ?
En ligne
Oui j'ai testé un nombre incalculable de solution mais évidement, pas LA bonne ^^
Je bidouille c'est tout ce que je sais faire donc je ne dois pas écrire correctement et surtout au bon endroit.
:s
Hors ligne
Gotcha a écrit:
Oui j'ai testé un nombre incalculable de solution mais évidement, pas LA bonne ^^
Je bidouille c'est tout ce que je sais faire donc je ne dois pas écrire correctement et surtout au bon endroit.
:s
Je regarde ce soir
En ligne
Merci ddtddt
Hors ligne