Annonce

Écrire une réponse

Veuillez écrire votre message et l'envoyer

Cliquez dans la zone sombre de l'image pour envoyer votre message.

Retour

Résumé de la discussion (messages les plus récents en premier)

Gotcha
2009-04-22 14:19:09

Merci ddtddt

ddtddt
2009-04-22 14:17:43

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

Gotcha
2009-04-22 14:13:19

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

ddtddt
2009-04-22 14:09:48

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 ?

Gotcha
2009-04-22 13:28:57

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.

ddtddt
2009-04-22 07:23:58

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 ?

Gotcha
2009-04-21 22:08:01

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.

Gotcha
2009-04-20 00:00:53

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

Code:

/* 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;
}
ddtddt
2009-04-19 07:53:09

Pour la modif sur le thème, je laisse VDigital te répondre dans quelques jours

ddtddt
2009-04-19 07:48:57

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 ;-)

Gotcha
2009-04-18 22:04:09

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

ddtddt
2009-04-18 18:12:35

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 ;-)

Gotcha
2009-04-18 14:34:27

Petit up pour mon premier message ^^



J'ai une modification (esthétique) à soumettre. Faut-il que j'utilise le bugtracker ?

Gotcha
2009-04-15 18:10:03

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 :-)

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact