Annonce

  •  » Styles
  •  » [1.5.x] Antsira

#1 2006-04-01 16:59:29

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

[1.5.x] Antsira

antsira :
- revient à une stratégie comme en 1.4 avec un seul fichier css: style.css (ceci est toutefois temporaire).
- retrouve des galeries avec affichage constant au niveau du nombre de miniatures par ligne (tout en s'appuyant sur la version élastique de la 1.5.x).
- intègre un grand nombre d'astuces de la 1.5 (les modifications de TPL et de css sont déjà intégrées).
- le lecteur WMP est intégré (coté template) ainsi ceux qui rencontrent des difficultés à l'installation de Video Integrateur 2.1 peuvent voir le résultat de l'intégration plus rapidement (reste à configurer et à intégrer le module, ce qui n'est pas le plus compliqué).

Comment l'installer:
Comme tous les templates, décompresser, transférer dans /template/antsira/

Que faire au départ...

Editer:        theme/header1.jpg
Editer:        theme/rap2.jpg (si nécessaire)
Editer:        header.tpl (quelques paramètres locaux sans doute?)
Editer:        style.css (cf. ci-dessous)

Style.css est en trois parties:
1- les couleurs
2- les polices de caractères (font)
3- les couches (layouts)

Evidemment, vous pouvez changer plein de choses:
mais en premier la taille de miniature... Où vous voyez 170 ci-dessous, vous devrez changer en fonction de la taille de vos miniatures prévoir 10% en + environ.

Code:

/* ----------------------------------------------------- layouts ------------*/
/* Other parameters like margin; display; text-align; height; width; ... */

BODY { padding:0; margin:0; }

/* Thumbnails size : Your own customization required */
#content UL.thumbnails SPAN, #content UL.thumbnails SPAN.wrap2 A {
  width: 170px;      /* max thumbnail width + 2px */ }
#content UL.thumbnails SPAN.wrap2 {
  height: 170px;      /* max thumbnail height + 2px */ }
#wrap1-prev, #wrap1-next, .wrap2 { 
  text-align: center; 
  width: 170px;      /* max thumbnail width + 2px */ }
.wrap2 { height: 170px;   /* max thumbnail height + 2px */ }

Autre remarque... : style.css est organisé.
Dans les 3 parties, à quelques exceptions près, en principe et en gros:
1 - Vous avez les ID= (ce qui commence #)
2 - Vous avez les CLASS= (ce qui commence par un .)
3 - Les balises HTML
4 - Les inclassables

Si vous voulez le tester...
c'est avec plaisir.
Quand la version sera stabilisée, antsira sera livré comme toutes les extensions...

Testeurs? Il vaut peut être mieux avoir quelques bonnes notions de css.
Si vous n'êtes pas spécialiste des css et que cela est, malgré tout, plus clair pour vous, il faut nous le dire.
Merci à ceux qui le testeront de donner un lien pour voir leur résultat?

8-)   antsira


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

  •  » Styles
  •  » [1.5.x] Antsira

Pied de page des forums

Propulsé par FluxBB

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