Piwigo.org

frantz · 2006-10-12 09:09:08

Bonjour,

Je trouve que lors de l'affichage d'une photo depuis picture.php, le texte de la descripion
située sous la photo ne se détache pas assez du message
"Cliquer sur l'image pour la visualiser en haute définition" qui se trouve au-dessus
(même aspect) de cette description.

J'aimerais modifier le style afin que le texte de cette description est le même aspect que le
titre situé au-dessus de la photo.

Si quelqu'un peut m'indiquer comment procéder.

D'avance merci.

Cordialement.

--
Frantz

pepite · 2006-10-12 13:06:25

Ah puisque que l'on parle du texte de description d'une photo, j'en profite (affichage en page picture) j'aimerai que le cadre texte soit de la même largeur que le cadre de la photo affichée alors que pour le moment il prend toute la largeur de la page et quand ma galerie s'affiche sur mon 22 pouces, la page est très large et les lignes sont bien longues à lire (hum je reconnais que je suis parfois bavarde sur la description). (... et j'ai remonté les miniatures).

Y--t-il une boîte dans le .css que je peux régler en largeur et comment afin qu'elle s'adapte à la largeur affichée de l'image ?

J'ai fait une recherche avec les mots "largeur AND description", cela ne m'a rien donné :-(

tazul · 2007-07-06 01:57:39

+1 pour avoir un retour...
je cherche mais je vois pas...

les propriétés de ce texte sont collés avec la description de la photo et on se retrouve avec ce gros texte qui ne met pas en valeur le commentaire de description del a photo.

Comment modifier la police de cette phrase "Cliquer sur l'image pour la visualiser en haute définition"
Je ne cherche pas à changer son contenu mais sa forme.

en version 1.7.0 biensûr.
Merci bcp

tazul · 2007-07-09 11:41:11

qqun a une idée ?

merci

VDigital · 2007-07-09 12:10:11

Bien entendu qu'on a une idée... Et même plus.

Ce qui me gêne c'est "on se retrouve avec ce gros texte qui"...
Pour moi, il n'y a pas de "gros texte", c'est donc un peu grotesque (plaisanterie).

Blague à part.
Un lien vers la page de ta galerie où cela ne va pas.
et
Un lien de la galerie de démo, où selon toi cela ne va pas également...

Merci.

8-)

tazul · 2007-07-09 12:35:03

voici

http://www.photorey.free.fr/picture.php?/93/category/20

se connecter avec
test
test

le "Cliquer sur l'image pour la visualiser en haute définition" est vraiment gros ;)
je voudrais pouvoir modifier son style et ne pas le lier à la description/légende de la photo :)

un autre point si possible..
pkoi sous IE et pas sous FF j'ai la ligne inférieure des miniatures qui est bleu au lieu du cadre complet blanc... ???

merci pour tout

vraiement génial phpwebgallery

tazul · 2007-07-10 18:48:24

Est ce que l'idée a eu le temps de germer ? :)

VDigital · 2007-07-10 19:37:10

La page indiquée est bien loin de celle d'origine.

Result: 10 errors / 0 warnings

line 192 column 9 - Error: syntax of attribute value does not conform to declared value
line 219 column 26 - Error: there is no attribute "COLOR"
line 219 column 35 - Error: element "FONT" undefined
line 243 column 25 - Error: element "FONT" undefined
line 246 column 43 - Error: "-" is not a member of a group specified for any attribute
line 246 column 55 - Error: "COPYRIGHT" is not a member of a group specified for any attribute
line 246 column 55 - Error: document type does not allow element "B" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag
line 247 column 12 - Error: there is no attribute "STYLE"
line 247 column 49 - Error: "REY" is not a member of a group specified for any attribute
line 247 column 49 - Error: element "C" undefined

exemples:
La ligne 192 provient de ./template/yoga/picture.tpl
et contient:
<div id="{GUESTBOOK}">{rate.SENTENCE} :
Cela vient d'où ce GUESTBOOK...
Si pour ton thème tu veux un id particulier, alors écrit celui-ci ainsi:
<div id="GUESTBOOK">{rate.SENTENCE} :

dans ton css tu pourras coder #GUESTBOOK mais je ne sais pas ce que tu veux faire.

La ligne 219 toujours de ./template/yoga/picture.tpl
contient:
<legend><FONT COLOR="#e0e0e0"> {lang:comments_add}</font></legend>
Il suffisait pourtant de la laisser tranquille:
<legend>{lang:comments_add}</legend>
et dans les css tu as un thème rey...
#comments #addComment legend { color: #ddd; }

Tu corriges le reste gentiment...
Le w3c.org est ton ami, et google aussi.

8-)

tazul · 2007-07-11 08:53:16

désolé mais je n'ai aucune maîtrise de tout ces langages (c'est d'ailleurs pour ça que j'ai choisi phpwebgallery)
et j'essaie de faire de mon mieux.
merci pour tes remarques en tout cas.
Cependant, je ne vois pas d'erreur dans les navigateurs (je ne sais pas comment et où tu vois ces erreurs). Quel est l'impact ?
Je cherche simplement à corriger un point qui me gêne terriblement et sur lequel je n'ai pas trouvé d'astuce.

pour le css, quelle est la règle qui définit le choix de la référence derrière le # ?
pour {lang:comments_add} on a #comments #addComment legend ???

quant à
"<div id="{GUESTBOOK}">{rate.SENTENCE} :
Cela vient d'où ce GUESTBOOK..."
je l'ai pris d'une réponse que tu avais faite personnellement sur le sujet 'Masquer les info d'une photo'

merci

VDigital · 2007-07-11 10:40:41

tazul a écrit:
Cela vient d'où ce GUESTBOOK..."
je l'ai pris d'une réponse que tu avais faite personnellement sur le sujet 'Masquer les info d'une photo'

Donne le lien... Ne me fais pas chercher en plus.
C'est toi qui as besoin de trouver, pas moi.

Si tu reviens au standard de ./template/yoga/picture.tpl
et que tu poses une question bien précise sur la base d'un code propre, on pourra réfléchir il me semble, sinon... Mission impossible.

Pour te répondre dans le cas présent, il faudrait casser une de nos galeries qui marche pour mettre tes modifs, et essayer de trouver l'erreur parmi 10 erreurs, raisonnement un peu étrange quand même, non?

8-)

tazul · 2007-07-11 14:38:10

voici le lien : http://forum.phpwebgallery.net/viewtopic.php?id=10283

Ne le prends pas mal mais franchement, j'ai l'impression que tu t'acharnes non ?
Ma question est bien précise :
en version 1.7.0, pour chaque photo disponible dans pwg_high, il y a un texte qui s'affiche sous la photo indiquant :
"Cliquer sur l'image pour la visualiser en haute définition"
Je voudrais savoir comment modifier uniquement le style de cette phrase.

Elle est similaire à celle de Frantz en début de fil et liée au code d'origine de phpwebgallery 1.7.0.

Je ne demande pas une correction de tous les bugs involontaires de ma version (Je ne suis pas encore capable de les comprendre et/ou de les corriger, mais je veux bien de l'aide ceci dit)

merci

VDigital · 2007-07-11 18:03:26

Le fil en question correspond à une solution spécifique à une catégorie pour faire un livre d'or et pour une galerie en 1.6.2 et en aucun cas en 1.7
Vaste sujet qui s'étalait de mémoire sur plusieurs topics [Merci le forum].

De plus évite la référence au fil de Frantz, son sujet est d'octobre 2006 donc au mieux en 1.6.2 alors que la 1.7 est sortie depuis [2007-05-05].

Mais le template est faussé, ma logique le serait sans doute également.
Plutôt que de te donner des conseils faux...

Pourrais-tu envisager de repartir du tpl officiel ./template/yoga/picture.tpl
de la 1.7 ?

Et on t'aidera à mettre en valeur ce qui te conviendra.
8-)

tazul · 2007-07-12 15:35:14

oui j'ai bien utilisé cette modification pour mon livre d'or également et ca marche bien.

J'ai repris le fil de frantz car j'ai cherché sur le forum s'il n'y avait pas une réponse à ma question, et j'ai trouvé que quelqu'un s'était posé la même question précédemment, mais sans avoir eu de réponse. J'ai trouvé donc logique de relancer le fil de discussion, et j'ai précisé que c'était en 1.7.0. Je créerai un nouveau fil dorénavant. J'ai compris

Quant à la bascule sur le template officiel, je ne vois pas bien le rapport avec ma question. J’ai effectué des modifications sur ce template pour l’adapter à mon besoin. C’est le principe du code libre.
Mon point est lié au code officiel et visible sur n'importe quelle galerie en 1.7.0 utilisant pwg_high, dont celle de démonstration !!
http://demo.phpwebgallery.net/picture.p … ategory/49

Je reprécise mon besoin au cas où :
On voit bien que les trois phrases sous la photo ont la même police et c’est ce que je voudrais changer, le ‘Click on the picture to see it in high definition’ devrait être moins mis en valeur par rapport à la légende de la photo. Je ne trouve pas comment on peut modifier la mise en forme de cette "maudite"phrase.

8-)

tazul · 2007-07-12 21:33:19

j'ai trouvé une solution à mon problème

probablement pas de la meilleure façon, mais ca marche au moins pour ceux qui sont coincés comme moi.

- dans le picture.css, l'attribut #theImage gère la mise en forme des textes associés à l'image. J'ai donc choisi la couleur et la taille de police de tous les textes (donc du 'cliquer sur..')
- dans picture.tpl, j'ai mis ce code

<p><i><FONT COLOR="#fff48e" size=5>{legend.COMMENT_IMG}</FONT></i></p>

il se rapporte uniquement à la légende et surpasse le réglage du css.
ainsi j'ai désynchronisé le 'cliquer sur ..' de la légende de la photo.

tazul · 2007-07-13 00:02:04

j'ai trouvé plus propre..

dans le picture.tpl

<p><i><FONT CLASS="Nom">{legend.COMMENT_IMG}</FONT></i></p>


dans le theme.css
#theImage .Nom {
color: #fff48e;
font-weight: bold;
font-size:19px;
}

cela permet d'avoir la police de la légende configurable par css et donc non forcée pour les autres thèmes.

désolé mais je débute vraiment :)

Piwigo.org

Annonce

#1 2006-10-12 09:09:08

modification aspet description d'une photo

#2 2006-10-12 13:06:25

Re: modification aspet description d'une photo

#3 2007-07-06 01:57:39

Re: modification aspet description d'une photo

#4 2007-07-09 11:41:11

Re: modification aspet description d'une photo

#5 2007-07-09 12:10:11

Re: modification aspet description d'une photo

#6 2007-07-09 12:35:03

Re: modification aspet description d'une photo

#7 2007-07-10 18:48:24

Re: modification aspet description d'une photo

#8 2007-07-10 19:37:10

Re: modification aspet description d'une photo

#9 2007-07-11 08:53:16

Re: modification aspet description d'une photo

#10 2007-07-11 10:40:41

Re: modification aspet description d'une photo

tazul a écrit:

#11 2007-07-11 14:38:10

Re: modification aspet description d'une photo

#12 2007-07-11 18:03:26

Re: modification aspet description d'une photo

#13 2007-07-12 15:35:14

Re: modification aspet description d'une photo

#14 2007-07-12 21:33:19

Re: modification aspet description d'une photo

#15 2007-07-13 00:02:04

Re: modification aspet description d'une photo

Pied de page des forums