•  » Styles
  •  » [template/theme] Yoga Dark - Modifications.

#1 2009-04-15 18:10:03

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

[template/theme] Yoga Dark - Modifications.

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


Images attachées


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#2 2009-04-18 14:34:27

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

Re: [template/theme] Yoga Dark - Modifications.

Petit up pour mon premier message ^^



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


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#3 2009-04-18 18:12:35

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
14489

Re: [template/theme] Yoga Dark - Modifications.

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


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#4 2009-04-18 22:04:09

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

Re: [template/theme] Yoga Dark - Modifications.

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


Images attachées

Dernière modification par Gotcha (2009-04-18 23:32:54)


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#5 2009-04-19 07:48:57

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
14489

Re: [template/theme] Yoga Dark - Modifications.

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


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#6 2009-04-19 07:53:09

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
14489

Re: [template/theme] Yoga Dark - Modifications.

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


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#7 2009-04-20 00:00:53

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

Re: [template/theme] Yoga Dark - Modifications.

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

Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#8 2009-04-21 22:08:01

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

Re: [template/theme] Yoga Dark - Modifications.

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.


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#9 2009-04-22 07:23:58

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
14489

Re: [template/theme] Yoga Dark - Modifications.

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 ?


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#10 2009-04-22 13:28:57

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

Re: [template/theme] Yoga Dark - Modifications.

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.


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#11 2009-04-22 14:09:48

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
14489

Re: [template/theme] Yoga Dark - Modifications.

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 ?


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#12 2009-04-22 14:13:19

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

Re: [template/theme] Yoga Dark - Modifications.

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


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#13 2009-04-22 14:17:43

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
14489

Re: [template/theme] Yoga Dark - Modifications.

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


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#14 2009-04-22 14:19:09

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

Re: [template/theme] Yoga Dark - Modifications.

Merci ddtddt


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

  •  » Styles
  •  » [template/theme] Yoga Dark - Modifications.

Pied de page des forums

Propulsé par FluxBB

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