Piwigo.org

Tschoa · 2009-07-02 18:32:43

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)

Gotcha · 2009-07-02 19:02:17

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 :-)

Tschoa · 2009-07-03 15:04:50

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 -)

VDigital · 2009-07-03 16:45:37

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 -//:---\spam 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.

Tschoa · 2009-07-03 17:00:58

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 !

ddtddt · 2009-07-03 17:42:07

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

Gotcha · 2009-07-03 18:48:54

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)

Tschoa · 2009-07-19 12:48:14

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 !

Gotcha · 2009-07-19 22:54:17

Merci, c'est ajouté au wiki. ;-)

ddtddt · 2009-07-20 07:36:52

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)

Tschoa · 2009-07-20 14:28:35

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+

Gotcha · 2009-07-20 23:21:26

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 ?

ddtddt · 2009-07-21 08:56:17

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.
)

Piwigo.org

Annonce

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

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

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

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

Tschoa a écrit:

#3 2009-07-03 15:04:50

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

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

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

Tschoa a écrit:

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

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

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

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

Tschoa a écrit:

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

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

#8 2009-07-19 12:48:14

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

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

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

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

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

Tschoa a écrit:

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

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

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

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

Tschoa a écrit:

#13 2009-07-21 08:56:17

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

Pied de page des forums