•  » Utilisation
  •  » [RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

#1 2009-07-02 18:32:43

Tschoa
Membre
2009-04-27
6

[RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

Bonjour,

Version piwigo 2.02 / Hébergement chez Free.


- Comme l'indique le titre, j'essaie de mettre une petite bordure autour de chaque miniature (sur l'accueil, dans les catégories,etc).
- Même question sur la Random Image ? (ce n'est peut être pas sur le même fichier ?).
- Et bien sur : faire de même pour les images (ça fait 3 questions !).

Pour les miniatures : J'ai tenté de modifier les fichiers thumbnails.tpl : échec !
Pour l'image : modif sur : Picture.tpl : échec !


Cela doit pourtant être simple ou la chaleur, j'y étais arrivé facilement sur ma vieille version en 1.4 (y'a qqs années !)
Là je jette l'éponge : Quels fichiers ? Quels lignes ? Quels codes ?



Pourquoi mettre un petit cadre noir autour des images ? / Réponse : pour les faire ressortir visuellement.



Merci d'avance.

Dernière modification par Tschoa (2009-07-20 12:54:56)

Hors ligne

#2 2009-07-02 19:02:17

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

Re: [RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

Tschoa a écrit:

Cela doit pourtant être simple ou la chaleur, j'y étais arrivé facilement sur ma vieille version en 1.4 (y'a qqs années !)
Là je jette l'éponge : Quels fichiers ? Quels lignes ? Quels codes ?

Tu dois effectivement avoir bien chaud pour faire cette allusion lol

Plus sérieusement, pour encadrer les photos en vue normale, il y a le plugin [extension by gbo] Look_like_Gbo 2 qui te le permet.
Pour les miniature, c'est avec du CSS via LocalFiles Editor qu'il va falloir jouer. Je pense notamment en rajoutant des bordures. Un spécialiste t'en dira plus que moi :-)


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-07-03 15:04:50

Tschoa
Membre
2009-04-27
6

Re: [RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

Merci pour ce début de réponse.

- Pour LocalFiles Editor : PHPEdit marche bien aussi.
- Pour Look_like_gbo2, baaaaaa, j'aime pas trop le cadre gros cadre blanc. J'aime mieux modifier le code et avoir un petit cadre noir.



- En tout cas : gros merci pour m'avoir orienté vers les CSS ! ! !  J'ai presque réussi à faire ce que je désir.


1/ Pour les thumbnails : c'est dans default-layout.CSS.
Voici le code :
---------------------------------------------------
IMG {
    border: 0.5em 0.5em 0.5em 0.5em;
    border-color: #000000;
}
---------------------------------------------------  J'aurai aimé des lignes plus petites : mais pas d'effet avec 0.2 ou 0.3. Si qq'un à la réponse ! Merci.

J'ai aussi dut modifier les marges sinon cela donne un effet de flottements dans les miniature au passage de la souris, si l'on a des miniature assez large ou haute.
--------------------------------------------------
H2 {
    margin: 0;
    padding: 5px 3px 5px 3px;
    text-align: left;
    font-size: 120%;
--------------------------------------------------



2/ Pour la picture : Je bloque encore ! ! !
Dans picture.CSS avec le code :
---------------------------------------------------
#theImage>IMG {
    border: 1px;
    border-color: #000000;
    display: block;
    margin: 0 auto;   
    }
---------------------------------------------------  Pas d'effet !




Merci d'avance, j'y suis presque -)

Hors ligne

#4 2009-07-03 16:45:37

VDigital
Former Piwigo Team
Paris (FR)
2005-05-04
15124

Re: [RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

Tschoa a écrit:

c'est dans default-layout.CSS.

Non non et non.
Il faudra l'écrire 250000 fois sur le forum mais on ne touche pas aux fichiers livrés (default-xxx c'est votre sécurité le défaut).

LocalFiles Editor montre les fichiers locaux local-layout.css par exemple où on indique que ce qu'on veut voir changer.

Techniquement on parle de surcharger (en anglais: Overrides).

Merci de penser au jour où vous voudrez faire une évolution et ne pas perdre vos modifs.


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

#5 2009-07-03 17:00:58

Tschoa
Membre
2009-04-27
6

Re: [RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

Ah oui, je l'avais lu qqs part !
Ba comme aux petits chevaux, je recule d'une case.

Par contre pour mes cadres, ça m'arrange pas !

Hors ligne

#6 2009-07-03 17:42:07

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

Re: [RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

Tschoa a écrit:

Ah oui, je l'avais lu qqs part !
Ba comme aux petits chevaux, je recule d'une case.

Par contre pour mes cadres, ça m'arrange pas !

il suffit de mettre le smodifications dans le fichier local elle sera 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

#7 2009-07-03 18:48:54

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

Re: [RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

Je crois que le wiki n'est pas encore assez clair... (sifflotte)

[EDIT]
Ajout d'une note dans le wiki.

Dernière modification par Gotcha (2009-07-03 19:22:12)


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-07-19 12:48:14

Tschoa
Membre
2009-04-27
6

Re: [RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

RESOLU !

Coté Thumbnails : dans local-layout.css :
.content UL.thumbnails IMG {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;

Côté Picture :  Je me suis rabattu sur "Look_like_gbo2" et j'ai modifié le cadre d'origine, c'est tout bête ! (zut, moi qui voulais faire du code !)
A noter que c'est un super pluging dans son ensemble !


Merci !

Hors ligne

#9 2009-07-19 22:54:17

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

Re: [RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

Merci, c'est ajouté au 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

#10 2009-07-20 07:36:52

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

Re: [RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

Tschoa a écrit:

RESOLU !

Coté Thumbnails : dans local-layout.css :
.content UL.thumbnails IMG {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;

Côté Picture :  Je me suis rabattu sur "Look_like_gbo2" et j'ai modifié le cadre d'origine, c'est tout bête ! (zut, moi qui voulais faire du code !)
A noter que c'est un super pluging dans son ensemble !


Merci !

.content UL.thumbnails IMG {
    border: 1px solid #000000;}

devrais suffire

(pour marquer [résolu] dans le titre, il suffit que tu édites ton 1er post)


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

#11 2009-07-20 14:28:35

Tschoa
Membre
2009-04-27
6

Re: [RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

Rectification finale !

Je suis sous Mozilla 3 et après test sous IE 6 (par hasard !), les cadres ressemblent à des gros pâtés !

Petites modif :

H2 {
    margin: 0;
    padding: 1px 1px 1px 1px;
    text-align: left;
    font-size: 120%;
}

et c'est tout de suite mieux !


A+

Hors ligne

#12 2009-07-20 23:21:26

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

Re: [RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

Tschoa a écrit:

Rectification finale !

Je suis sous Mozilla 3 et après test sous IE 6 (par hasard !), les cadres ressemblent à des gros pâtés !

Petites modif :

H2 {
    margin: 0;
    padding: 1px 1px 1px 1px;
    text-align: left;
    font-size: 120%;
}

et c'est tout de suite mieux !


A+

@ddtddt: tu valides ?


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-07-21 08:56:17

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

Re: [RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

Il me semble que c'est 2 choses différentes :

.content UL.thumbnails IMG {
    border: 1px solid #000000;}

ajoute un cadre de 1 pixels noir autour des miniatures

H2 {
    margin: 0;
    padding: 1px 1px 1px 1px;
    text-align: left;
    font-size: 120%;
}

fait un espace de 1 pixel autour des titre h2 avec le texte aligné à gauche et une taille de police de 120 %

mais l'important est que cela donne un rendu qui convienne à Tschoa
(
- pour un espace identique tout autour padding: 1px; est suffisant 

- a titre perso, sur la taille des polices, je préfère l'utilisation de xx-small, x-small, small, medium, large, x-large, xx-large  plutôt que des pourcentage.
)


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

  •  » Utilisation
  •  » [RESOLU]Thumbnails et Picture : Comment encadrer ? ? ?

Pied de page des forums

Propulsé par FluxBB

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