Ok! Je crois que vincent3569 a eut une bonne idée! Il faudrait créer un cadre autour des miniatures avec une taille fixe! Comme ça, tout serait nikel!
Hors ligne
je suis bien incapable de pondre un nouveau template, je n'ai pas les compétences php, tpl et css pour cela (j'arrive à peu près à lire, c'est tout).
z0rglub a écrit:
J'attends vos avis et retours dans ce topic.
je n'ai fait que donner un avis, que j'espère constructif, sur ce template :
- look très, très bien, a la sobrité esthétique que je recherche
- un peu trop de sobrité fonctionnelle (par rapport aux fonctionnalités permises par pwg) : il faudrait un menu minimaliste
Accueil - Les plus vues - Les mieux notées - Rechercher - Commentaire - Inscription - S'identifier - A propos (pour inscription et identification : c'est fait)
et la possibilité de noter certaines photos (pouvoir commenter : c'est fait)
- il faudrait pouvoir résoudre le pb d'affichage erratique des vignettes horizontales et verticales (via les solutions de vignettes centrées dans un carré ou directement avec vignettes carrées - position que je défend tout comme z0rglub -, mais il y a certainement d'autres possibilité)
autant, pour le 2ème point, je suis conscient qu'il va à l'encontre du prinipe zenphoto minimaliste, et qu'il est donc discutable, autant la proposition sur les vignettes me semble aller dans le bon sens d'une évolution du template.
bonne journée
Hors ligne
Bon pour les vignettes carrées je suis pas d'accord! J'ai essayé avec des images en format portrait et le résultat est pas beau à voir! Je proposerai de faire un cadre d'une taille définie mais là, je n'ai aucune idée de la façon dont on peut le faire! Enfin si, on pourrait élargir ce que zOrglub a mis autour des miniatures à la taille 170X170, mais comment faire??
Hors ligne
Yes! Je crois que j'ai trouvé pour les miniatures!!
Dans zen/theme/classic/public.css ligne 171 vous remplacez de la ligne 171 à la ligne 192 par
/* Image Thumbnails ------------------------------ */ .imagethumb a { display: block; padding: 10px; margin: 6px; width: 128px; height: 128px; text-align: center; border: 1px solid #92BED3; background: #DDEAF0; line-height: 0px; } .imagethumb a:visited { border: 1px solid #D3E4ED; background: #F2F7F9; } .imagethumb a:hover { border: 1px solid #62A0BF; background: #F4F9FB; } .imagethumb { float: left; }
Maintenant reste à trouver comment centrer les miniatures dans ce cadre! J'ai mis quand même text-align: center; mais j'ai remarqué que le problème vient du bottom pour les miniatures de paysage et de right pour les miniatures de portraits!
Dernière modification par Mael (2006-06-16 13:44:50)
Hors ligne
Mael a écrit:
Ok mais chrisaga doit bien savoir puisque qu'il l'a fait dans le template yoga!
C'est super compliqué pour que ça fonctionne avec tous les navigateurs.
Je suis presque satisfait du résultat, il faudrait juste quelques modifs pour optimiser la zone cliquable avec certains navigateurs.
Il y a en fait deux design différents : un pour les vrais navigateurs qui essayent de respecter les standards,
un autre pour IE.
Faut regarder en 1.6 index.tpl et content.css
Hors ligne
pouarf, il est très intéressant ce template ... ça tranche bien avec les existants et donne un style vraiment particulier. J'adore.
Je suis aussi de l'avis de rub concernant les templates inclus, c'est un bon point surtout quand ils sont bien différents les uns des autres. Mais c'est sûr qu'à maintenir et supporter c'est ... lourd.
En tout cas, c'est vraiment joli, dommage qu'il y ait un problème avec les vignettes verticales ou non-carrées. Vous pensez qu'on va pouvoir trouver une solution?
Hors ligne
chrisaga a écrit:
Faut regarder en 1.6 index.tpl et content.css
Pourrais-tu préciser quelles fonctions (approximativement) je dois rechercher stp
Merci d'avance
Hors ligne
volcom a écrit:
En tout cas, c'est vraiment joli, dommage qu'il y a ait un problème avec les vignettes verticales ou non-carrées. Vous pensez qu'on va pouvoir trouver une solution?
Oui, et en deux variantes.
Réponse, je pense d'ici 15 jours.
Hors ligne
Pour les 2 variantes, j'avais vu ce principe en explorant la feuille de style du site que nous avait présenté vicent3569 qui était http://primates.ximian.com/~jimmac/phot … lerie=nz06
J'avais vu qu'il y'avait un style pour thumbnial a et pour thumbnail a.portrait
Hors ligne
Mael a écrit:
chrisaga a écrit:
Faut regarder en 1.6 index.tpl et content.css
Pourrais-tu préciser quelles fonctions (approximativement) je dois rechercher stp
Merci d'avance
Il ya tout un bloc dans content.css entre les lignes 30 et 102 qui traitent de UL.thumbnails
Dans index.tpl, chercher la hierarchie suivante :
<ul class="thumbnails"> <li class="thumbElmt"> <span class="wrap1"> <span class="wrap2"> <a href= ...> <img class="thumbnail" src= ... alt= ... title= ...> </a> </span> <span class="thumbLegend"> ... </span> </span> </li>
PS. en anglais les miniatures s'appelent "thumbnail" ça peut te mettre sur la voie <;o)
Hors ligne
z0rglub a écrit:
Il semblerait que certaines applications phare (Dotclear, Zenphoto, Wordpress) aient choisi la séparation présentation/logique, peut-être que nous devrions y réfléchir pour le futur (mais là, il s'agirait d'une version 2, à voir sur le moyen terme).
Je n'ai pas bien compris en quoi nous n'avons pas une séparation présentation/logique. Il me semble que c'est ce vers quoi nous tendons de plus en plus avec la séparation des thèmes et le repport des la présentation dans les css.
Pour moi, je vois justement un modèle en couches bien séparées :
* Les données (images, attributs des images, commentaires, ...)
* La sélection et les relations entre ces données ("moteur" php de PWG)
* La création d'un contenu logique variable suivant le template choisi (moteur de template en php, *.tpl)
* La présentation avec les css (une première couche de présentation "grandes lignes" avec les css du template, puis la mise en forme finale avec la css du thème)
Comme je n'ai pas étudié les logiciels que tu mentionne, je peux être passé à côté de quelque chose.
Hors ligne
oui, mais comme c'est écrit sur le net (j'ai qq liens en stock si tu veux), PhP est un moteur de template. Mais ce PhP-là ne doit servir qu'à de la présentation. Ainsi on s'affranchit de toute la problématique de rédéfinition de variables pour les placer dans les .tpl (avantage principal). Et l'architecture du moteur est simple à appréhender puisque c'est du PhP, pas du commentaire qui sert à définir des boucles ou autre syntaxe un peu tordue avec réinterpétation de variable pour aller piocher les données dans des hashs.
Dernière modification par mathiasm (2006-06-19 21:14:37)
Hors ligne
Compris, mais sauf erreur :
* nous ne faisons pas que de la présentation en php
* ça oblige les auteurs de template à être programmeurs php
Et franchement, le php, c'est du script, pas un template (= modèle) de page web
Hors ligne
mathiasm a écrit:
oui, mais comme c'est écrit sur le net (j'ai qq liens en stock si tu veux), PhP est un moteur de template. Mais ce PhP-là ne doit servir qu'à de la présentation. Ainsi on s'affranchit de toute la problématique de rédéfinition de variables pour les placer dans les .tpl (avantage principal). Et l'architecture du moteur est simple à appréhender puisque c'est du PhP, pas du commentaire qui sert à définir des boucles ou autre syntaxe un peu tordue avec réinterpétation de variable pour aller piocher les données dans des hashs.
Je veux bien les liens cités!
Hors ligne