Annonce

  •  » Styles
  •  » Blancmont XL : personnalisation de la pages catégories

#1 2011-08-09 18:45:41

maxcircaetus
Membre
2010-05-14
96

Blancmont XL : personnalisation de la pages catégories

Bonjour,

Je me suis bien approprié le thème Blancmont XL et je voudrai aller encore plus loin.
J'aimerais, si il est possible personnaliser encore plus ma page catégorie.

Par exemple j'aimerai :

- 3 colonnes au lieu de deux
- des cadres carrés au lieu de rectangulaire
- changer l'espacement entre les cadres
- enlever la bordure des cadres
- et des miniatures plus grandes avec si possible un changement de miniatures au survol.

Je sais cela fait beaucoup, mais j'ai vraiment envie de continuer ma personnalisation (qui va un jour déboucher sur un nouveau théme je l'espère) et cela pourra peut etre servir a quelqu'un d'autre.

A quelle niveau dois je faire mes modifs, template-extention ou Css?
J'imagine que c'est du codage pur, comment faire pour y parvenir?
Peut être avez vous des références pour apprendre se genre de manips?

Merci a vous de nous permettre de développer notre créativité....

Hors ligne

#2 2011-08-09 19:02:42

Gotcha
Ex Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: Blancmont XL : personnalisation de la pages catégories

maxcircaetus a écrit:

A quelle niveau dois je faire mes modifs, template-extention ou Css?

D'après ce que tu souhaites faire, avec seulement du CSS tu pourras y arriver. Juste un point qui va poser soucis.


maxcircaetus a écrit:

J'imagine que c'est du codage pur, comment faire pour y parvenir?

C'est en forgeant que l'on devient forgeron ;-)
L'utilisation d'un moteur de recherche va beaucoup t'aider et l'extension pour Firefox "Firebug" sera ton compagnon idéal. Rien qu'avec ça tu devrais réaliser 75% de tes demandes.

maxcircaetus a écrit:

Peut être avez vous des références pour apprendre se genre de manips?

Voir la réponse plus haut.

Bon, le seul point qui va être plus délicat ça sera ton changement de miniature au survole. Car quelle miniature vas-tu imposer lors du survole ? Par défaut Piwigo affiche aléatoirement un représentant aux albums...
Ce qui est possible, c'est de faire soit un petit effet d'assombrissement (CSS) soit un effet de rotation (ce n'est pas du goût de tout le monde).

[HS]
Bref, j'en profite pour saluer le travail de l'artiste car tes photos (celles de Grèce que j'ai regardé hier) m'ont donné envie de m'y promener ;-)
[/HS]


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 2011-08-09 20:55:59

maxcircaetus
Membre
2010-05-14
96

Re: Blancmont XL : personnalisation de la pages catégories

gotcha a écrit:

L'utilisation d'un moteur de recherche va beaucoup t'aider et l'extension pour Firefox "Firebug" sera ton compagnon idéal. Rien qu'avec ça tu devrais réaliser 75% de tes demandes.

Trop bien je connaissais pas, je viens de l'installé.
Si j'ai bien compris le code des pages s'affiche en bas dans l'onglet CSS.
J'ai plus qu'a trouvé les parties qui m'interresse et les modifié via Local file editor.

gotcha a écrit:

Bon, le seul point qui va être plus délicat ça sera ton changement de miniature au survole. Car quelle miniature vas-tu imposer lors du survole ? Par défaut Piwigo affiche aléatoirement un représentant aux albums...
Ce qui est possible, c'est de faire soit un petit effet d'assombrissement (CSS) soit un effet de rotation (ce n'est pas du goût de tout le monde).

En fait pour le survole je voulais juste assombrir comme tu le dis.

gotcha a écrit:

[HS]
Bref, j'en profite pour saluer le travail de l'artiste car tes photos (celles de Grèce que j'ai regardé hier) m'ont donné envie de m'y promener ;-)
[/HS]

C'est vraiment top, ça vaut vraiment le coup d'oeil, le must c'est d'avoir un petit Van...

Hors ligne

#4 2011-08-09 21:19:30

nicophotographies
Membre
2010-12-14
140

Re: Blancmont XL : personnalisation de la pages catégories

HS complet, mais vraiment superbe photographies ! J'apprécie tout particulièrement les amphibiens...!

BRA-VO !

Hors ligne

#5 2011-08-09 23:21:03

maxcircaetus
Membre
2010-05-14
96

Re: Blancmont XL : personnalisation de la pages catégories

j'ai pas mal cherché, mais je galère un peu,

Je ne trouve pas le fameux code qui me permettrai dans un premier temps,
a passer de 3 colonne au lieu de 2.

Si t'as une idée

Dernière modification par maxcircaetus (2011-08-09 23:31:52)

Hors ligne

#6 2011-08-10 09:31:48

Gotcha
Ex Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: Blancmont XL : personnalisation de la pages catégories

Une piste : [wiki]


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

#7 2011-08-10 11:03:31

flop25
Équipe Piwigo
2006-07-06
6544

Re: Blancmont XL : personnalisation de la pages catégories

Un autre conseil : apprendre à bidouiller le css en apprenant/lisant les divers tuto du web. Mes favoris : site du zéro et alsacréations

Hors ligne

#8 2011-08-10 15:55:32

maxcircaetus
Membre
2010-05-14
96

Re: Blancmont XL : personnalisation de la pages catégories

Merci pour vos conseils et vos sources je vais essayer de bidouiller tout ça !

J'arrive à gérer mes trois colonnes ainsi que leurs tailles.

Maintenant il faut que j'arrive a centrer ma miniature, et mettre le nom de la galerie dessous, un peu comme dans ta galerie flop 25...

D'après ce que j'ai vu se serai une histoire de verticl-align en absolue?

Dernière modification par maxcircaetus (2011-08-10 17:22:14)

Hors ligne

#9 2011-08-10 18:37:03

maxcircaetus
Membre
2010-05-14
96

Re: Blancmont XL : personnalisation de la pages catégories

J'ai pondu quelque chose comme :

content div.Description : {
 
  position : absolute;
  bottom : 0 ;
  text-align: center
 
}

.content div.thumbnail : {
 
  position : absolute;
  bottom : 1 ;
  text-align: center

}

Mais y'a rien qui bouge....
Une idée?

Dernière modification par maxcircaetus (2011-08-10 18:46:21)

Hors ligne

#10 2011-08-10 19:04:16

Gotcha
Ex Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: Blancmont XL : personnalisation de la pages catégories

Toutes tes albums ont leur visualisation remplacée par Cooliris... ce n'est pas évident de parler de la même avec toi si nous ne pouvons pas suivre tes modifications ;-)


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 2011-08-10 22:01:07

maxcircaetus
Membre
2010-05-14
96

Re: Blancmont XL : personnalisation de la pages catégories

Désolé tu as raison, je travaille surtout sur ma page "d'index" ou il y'a toutes les catégories.

Mais en fait c'est tellement le chantier, que je remet l'ancienne présentation en attendant...

Actuellement le chantier est ouvert si tu veux voir ;)

J'y suis presque en plus, il me manque plus qu'a centrer le titre de la catégories...

j'ai coder ceci:

.content ul.thumbnailCategories li {
width:33%;
}

.content UL.thumbnails SPAN,
.content UL.thumbnails SPAN.wrap2 A,
.content UL.thumbnails LABEL,
.content DIV.thumbnailCategory DIV.illustration {
  width: 100%;      /* max thumbnail width + 6px */
  position : relative;
  bottom : 1 ;
}
.content UL.thumbnails SPAN.wrap2,
.content DIV.thumbnailCategory DIV.description {
  height: 180px;
  text-align: center/* max thumbnail height + 6px */
  float: center;
}
.thumbnailCategory DIV.illustration {
    float: center;
    position : absolute;
    bottom : 0 ;
    margin: 2px 0 0 2px;
    text-align: center;

  .thumbnailCategory .description H3 {
    background: none repeat scroll 0 0 transparent;
    font-size: 120%;
    margin: 0;
    padding: 0.1em;
    text-align: center;
    float: center;
}

Dernière modification par maxcircaetus (2011-08-10 22:10:49)

Hors ligne

#12 2011-08-11 00:41:28

maxcircaetus
Membre
2010-05-14
96

Re: Blancmont XL : personnalisation de la pages catégories

J'y crois pas j'y suis enfin plus ou moins arriver... non sans chercher et tattonner...

Prochaine étape agrandir les miniatures! une idée ;)  ?

Hors ligne

#13 2011-08-11 10:13:04

Gotcha
Ex Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: Blancmont XL : personnalisation de la pages catégories

maxcircaetus a écrit:

Prochaine étape agrandir les miniatures! une idée ;)  ?

[extension by P@t] Thumbnails Regeneration


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

#14 2011-08-11 16:26:08

maxcircaetus
Membre
2010-05-14
96

Re: Blancmont XL : personnalisation de la pages catégories

On avance, on avance,

Merci a vous pour votre aide et vos références.

vous pouvez voir le résultat sur ma galerie. Si vous avez des suggestion ou des idées elles seront les bienvenues.

Gotcha tu m'a dis qu'on pouvez assombrir,( pour moi cela serais plutot eclaircir) les miniatures au survol ?

Hors ligne

#15 2011-08-11 16:32:42

Gotcha
Ex Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: Blancmont XL : personnalisation de la pages catégories

maxcircaetus a écrit:

Gotcha tu m'a dis qu'on pouvez assombrir,( pour moi cela serais plutot eclaircir) les miniatures au survol ?

Oui tout à fait :
http://www.w3schools.com/css/css_image_transparency.asp


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
  •  » Blancmont XL : personnalisation de la pages catégories

Pied de page des forums

Propulsé par FluxBB

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