Annonce

  •  » Styles
  •  » [Thème] Sylvia : comment "verdir" le thème Sylvia ?

#1 2010-12-14 16:20:27

jp.harand
Membre
Dijon (21)
2010-10-15
256

[Thème] Sylvia : comment "verdir" le thème Sylvia ?

Bonjour,

Je cherche à "verdir" le thème Sylvia.
Mais vu que je suis aussi doué en traitement d'images (qui ont un dégradé et de la transparence) qu'en mécanique automobile des véhicules argentins des années 1920 ou qu'en ornithologie mozambiquaine au crétacé supérieur, je me permets d'interroger le forum... qui, je le sais, regorge de spécialistes d'au moins un de ces trois domaines.
(Lequel ? :o)

A priori, il "suffit" de retraiter les images jointes.
... et les icônes aussi, en fait. Mais bon, elles sont tellement petites que les dégradés m'importent peu. Je vais y arriver quand même !

:o)

Dernière modification par jp.harand (2010-12-14 16:30:23)


» Galeries : Galerie du bocage de BourgogneDécouvertes nature en Bourgogne
» Plugins : Tag To Keyword
» Thèmes : SylviaReseauBocagesBourgogne (en cours)

Hors ligne

#2 2010-12-14 16:22:55

rvelices
Équipe Piwigo
2005-12-29
1417

Re: [Thème] Sylvia : comment "verdir" le thème Sylvia ?

si t'attends la version 2.2, ca sera beaucoup plus simple et en plus ca t'evitera a faire du travail apres ... on mis toutes les icones dans un seul png.

Hors ligne

#3 2010-12-14 16:40:08

jp.harand
Membre
Dijon (21)
2010-10-15
256

Re: [Thème] Sylvia : comment "verdir" le thème Sylvia ?

(Zut, je n'arrive pas à joindre les png, bon tant pis)

Merci de ta réponse rvelices.
La 2.2, elle est prévue pour bientôt ?
Disons... avant la fin de l'année ?
;-)


» Galeries : Galerie du bocage de BourgogneDécouvertes nature en Bourgogne
» Plugins : Tag To Keyword
» Thèmes : SylviaReseauBocagesBourgogne (en cours)

Hors ligne

#4 2010-12-14 16:42:38

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

Re: [Thème] Sylvia : comment "verdir" le thème Sylvia ?

jp.harand a écrit:

Disons... avant la fin de l'année ?

Ta question c'est pour civile ou scolaire :-D



Plus sérieusement la première RC de Piwigo 2.2 devrais sortir avant fin 2010


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

#5 2010-12-14 16:59:56

Zaphod
Former Piwigo Team
Toulouse
2006-11-13
2422

Re: [Thème] Sylvia : comment "verdir" le thème Sylvia ?

C'est assez simple à faire en modification par lot.
Je posterai les explications ce soir.
Chez moi ça donne ça :
http://www.audreyetjulien.fr/photos/

rvelices a écrit:

si t'attends la version 2.2, ca sera beaucoup plus simple et en plus ca t'evitera a faire du travail apres ... on mis toutes les icones dans un seul png.

Un seul PNG pour tous les icones ?
Mais du coup si tu veux changer un icone d'un thème pour le mettre dans un autre, ça ne devient pas un peu le bordel ?

C'est une modif du thème sylvia, ou de tous les thèmes ?

Hors ligne

#6 2010-12-14 17:12:44

P@t
Ex Equipe Piwigo
Nice
2007-06-13
5695

Re: [Thème] Sylvia : comment "verdir" le thème Sylvia ?

Zaphod a écrit:

Mais du coup si tu veux changer un icone d'un thème pour le mettre dans un autre, ça ne devient pas un peu le bordel ?

C'est une modif du thème sylvia, ou de tous les thèmes ?

http://piwigo.org/forum/viewtopic.php?id=16767


P@t

Hors ligne

#7 2010-12-14 17:49:29

jp.harand
Membre
Dijon (21)
2010-10-15
256

Re: [Thème] Sylvia : comment "verdir" le thème Sylvia ?

Zaphod a écrit:

C'est assez simple à faire en modification par lot.
Je posterai les explications ce soir.
Chez moi ça donne ça :
http://www.audreyetjulien.fr/photos/

Wouaouh. C'est presque exactement ce que je veux.
Je souhaite juste un vert un peu plus sombre, couleur feuille de Chêne (ou mieux : feuille de noisetier au mois de juin, ça, ce serait l'idéal !).
:o)


» Galeries : Galerie du bocage de BourgogneDécouvertes nature en Bourgogne
» Plugins : Tag To Keyword
» Thèmes : SylviaReseauBocagesBourgogne (en cours)

Hors ligne

#8 2010-12-14 17:53:30

Zaphod
Former Piwigo Team
Toulouse
2006-11-13
2422

Re: [Thème] Sylvia : comment "verdir" le thème Sylvia ?

Avec ma méthode tu peux choisir la teinte que tu veux.
Pour assombrir, c'est un peu plus compliqué, mais le principe est le même.

Faut juste attendre que je rentre chez moi parce que j'avais déja écrit un truc qu'il me suffit de copier/coller ;)

Hors ligne

#9 2010-12-14 22:33:20

Zaphod
Former Piwigo Team
Toulouse
2006-11-13
2422

Re: [Thème] Sylvia : comment "verdir" le thème Sylvia ?

Alors voila le principe.

Perso j'ai utilisé deux programmes gratuits bien pratiques, et ça se fait en 3 étapes.

ETAPE 1 : choix de la couleur

J'utilise Gimp pour cette étape on peut choisir à peu près n'importe quel soft gratuit un peu complet, je pense que photofiltre par exemple suffit.

Le tout est de choisir la teinte qu'on veut (la notation HSV : Hue Saturation Value est la plus adaptée).

Le couleur dominante de Sylvia est un rose #ff3363 soit en notation HSV de Gimp : 346 - 80 - 100
J'ai choisi une couleur verte qui est à 160° de ce rose, ce qui donne en HSV : 146 - 80 - 100 et en couleur web #33ff8b.

Je garde la Saturation et la Value au même niveau, je ne change que la teinte (représentée par un cercle donc 360°) ce qui permet d'avoir une couleur comparable à celle du thème d'origine (pas trop sombre etc...)


ETAPE 2 : modification de theme.css

Il faut remplacer les occurences de #ff3363 avec la nouvelle couleur.
Pour certains texte j'ai choisi une version plus sombre de la même teinte, dans mon cas #00de60.

J'ai mis en pièce jointe mon fichier theme.css, qui comporte quelques autres modifs.
- création d'une classe pour changer l'image top-left sur la page picture
- changement de la marge de 110px à 90px
- changement de la marge de la page picture de 110px à 0px
- modification de la marge haute de .content de 21px à 8px
- modification des couleurs (principaux textes en gris clairs, couleurs orange rose et rouge remplacées par les teintes de vert)


ETAPE 3 : modification des images

Là, un programme sort du lot pour cette étape : imagemagick.
C'est gratuit, en ligne de commande et très très pratique pour le traitement par lot de plein d'images.
http://www.imagemagick.org/script/index.php

J'utilise la commande mogrify associée à l'option "modulate" :
http://www.imagemagick.org/script/comma … p#modulate

Il y a quand même une astuce c'est que le "hue" ne se compte pas en degrés...
100 = pas de changement.
50 = rotation de -90°
150 = rotation de +90°

Donc là pour 160°, il faut ajouter 160/180*100 = 89 à la valeur de départ (100).
Ce qui fait 189.

Si jamais on veut plus sombre ou plus clair, plus ou moins saturé, on peut jouer sur les deux premières valeurs.

Dans chaque répertoire image, j'exécute la commande suivante :

Code:

mogrify -modulate 100,100,189 *

Tous les dégradés sont conservés, ainsi que toutes les transparences.

Hors ligne

  •  » Styles
  •  » [Thème] Sylvia : comment "verdir" le thème Sylvia ?

Pied de page des forums

Propulsé par FluxBB

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