Piwigo.org

diaph17 · 2005-02-19 16:10:20

Bonjour tous le monde
sous PhpWebGallery 1.4
Où est comment changer l"apparence (centrer le texte) dans la rubrique description sous la photo, ce champ ne prend pas en compte les retours à la ligne (touche Entrée).
Merci de votre aide.

Dernière modification par diaph17 (2005-02-19 16:26:52)

latriche · 2005-02-19 17:14:51

moi, je fais le texte avec un tt de txt, avec les attibuts et ensuite je le colle dans la cadre

sinon, dans default.css, vers la ligne 95 (chez moi), la variable .info, tu lui glisses entre les guillements une petite phrase dans ce style
text-align:center;
je pense que ca devrait faire l'affaire

je comprends pas car moi sans rien faire, le texte est centré et les retours marchent

diaph17 · 2005-02-19 17:58:15

latriche
Bonjour,
J'ai fais un essai mais ça ne fonctionne pas :-(
De plus j'ai un éditeur de M... (Note pad) on voie rien les lignes sont toutes mélangées
Avec la Fx rechercher de Note pad il en trouve plusieurs variables .info, donc c'est la caca!
Pour info j'utilise la version 1.4.ORC3

************************************************
copie de default.css si cela t"inspire merci d'avance

\galery\template\default\default.css

/* BACKGROUND */

body { background-color:#000000;} /*General background color*/
.main, .throw, .admin { background-color:#3F3F3F;} /*Main background color*/
.row1,input,select,textarea, .table1, .home { background-color:#5F5F5F;} /* Tables & forms */
.table2, .commentTitle { background-color: #797979;} /* Alternate table & comments */
.errors { background-color:red;} /* Errors display */
.titreMenu,.titrePage,.imgMenu a:hover { background-image: url(theme/tableh1_bg.gif);} /* Titles background image */
.bouton, .imgMenu a, #imgBarMenu { background-image: url(theme/button_bg.gif);} /* Buttons background image */

/* FONT COLORS */

body { color:#E0E0E0;} /* General font color */
input,select,textarea { color:#FFFFCC;} /* Forms font color */
.titreMenu, .titreMenu a, .info, .admin{ color:#FFF48E;} /* Menu & sections titles */
.titrePage, .titreMenu a:hover { color:#E0E0E0;} /* Page title */
.comment{ color:#C6B78E;} /* Comments */
.commentDate { color:#999999;} /* Comments date */
.throw { color:#FFFFCC;} /* First line of tables */
.bouton, .errors { color:#FFFFFF;} /* Buttons & errors */

/* Update results (admin side only) */
.update_summary_new, .best_gen_time
{ color:#9cb4ce;}

/* Update results (admin side only) */
.update_summary_del,.worst_gen_time
{ color:#ffe1e1;}

/* ANCHORS */

a { text-decoration:none; color:#FFFFFF;}
a:hover { text-decoration:none; color:#FFF48E;}
a.none:hover { text-decoration:none;}
a.image:hover { text-decoration:none;}
a.thumbLink:hover { text-decoration:none;}

/* FONT STYLES */

body /* Main font style */
{
font-family: Verdana, Geneva, Arial, sans-serif;
font-size:12px;
margin:5px;
}

h1 /* H1 tag style (admin side only) */
{
font-family: 'Trebuchet MS', Verdana, sans-serif;
text-decoration:none;
line-height: 120%;
font-size:18px;
font-weight: bold;
}

h2 /* H2 tag style (admin side only) */
{
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
line-height: 120%;
font-size:12px;
font-weight: bold;
}

.titreMenu /* Menu titles */
{
font-size:12px;
font-weight:600;
}

.titrePage /* Page titles */
{
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-weight:600;
font-size:16px;
}

.commentTitle /* Comments title */
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.menu, .thumbnail, .totalImages { font-size:11px;}
.small{ font-size:10px;}
.menuCategorySelected, .throw, .admin, .errors { font-weight:bold;}
.menuCategoryNotSelected, .dateSelected, .pageNumberSelected, .thumb_picture, .thumb_category { font-weight:normal;}
.commentDate, .bouton { font-weight:lighter;}
.commentImage { font-style:italic; font-size:16px;}
.nameImage { font-size:20px;}
.info { font-size:16px;}
.copyright { font-size:10px; text-align:center; letter-spacing:-1px;}
div.information { font-size:14px; font-weight:bold;}

/*----------------------------------------------*/
/* Under this point, do not modify the values */
/* unless you are aware of what you are doing! */
/*----------------------------------------------*/

/* POSITION */

#gauche,#droite
{
float:left;
width:30%;
text-align:left;
white-space:nowrap;
}

#centre
{
float:left;
width:39%;
text-align:center;
}

#droite{text-align:right;}
#left {float:left; }
#right{float:right; }

/* GENERAL LAYOUT STYLES */

.main
{
border: 1px solid #E0E0E0;
width:100%;
padding-bottom:30px;
text-align:center;
display:block;
}

.home
{
border: 1px solid #000000;
display:block;
text-align:center;
width:100%;
}

.navigationBar
{
text-align:center;
margin-top:10px;
margin-bottom:10px;
}

.info
{
margin:5px 0px 5px 0px;
/* white-space:nowrap; */
text-align:center;
}

.errors
{
text-align:left;
margin-top:5px;
margin-bottom:5px;
border:1px solid black;
}

div.information {
text-align:left;
margin:10px;
padding:5px;
}

span.dateSelected, span.pageNumberSelected {
text-decoration:underline;
}
/* MENU LAYOUT STYLES */

.titreMenu,.titrePage
{
padding-right: 10px;
padding-left: 10px;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
height: 25px;
line-height: 25px;
text-align:center;
}
.titrePage {text-align:left;}

.menu
{
margin:10px 5px 10px 5px;
white-space:nowrap;
text-align:left;
}

ul.menu
{
text-align:left;
list-style-type: square ;
padding-left:15px;
margin:5px;
}

.totalImages {
text-align:center;
margin-top:5px;
}

/* IMAGE LAYOUT STYLES */

.image
{
border : 3px solid #FFFFFF;
margin : 10px 4px 10px 4px;
}

#imgBarMenu
{
width:100%;
display:block;
height:25px;
border-bottom: 1px solid #000000;
}

.imgMenu
{
width:48px;
border:none;
float:left;
}

.imgMenu img
{
border:none;
text-align:center;
margin-top:4px;
}

.imgMenu a
{
display:block;
height: 25px;
border-bottom: 1px solid #000000;
border-left: 1px solid #838383;
border-right: 1px solid #000000;
}

.imgMenu a:hover
{
border-bottom: 1px solid #3F3F3F;
border-left: 1px solid #3F3F3F;
border-right: 1px solid #3F3F3F;
}

.commentImage {
text-align:justify;
margin-top: 10px;
margin-bottom: 10px;
}

/* TABLE LAYOUT STYLES */

.table1
{
border: 1px solid #000000;
display:block;
}

.table2 {
border: 1px solid #000000;
margin: 0px 10px 0px 0px;
padding:0px;
}

.tablecompact{
width:100%;
border-collapse:collapse;
}

.row1,.row2 {
text-align:left;
padding:5px 0px 5px 0px;
height:20px;
}

.throw {
text-align:center;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
height:20px;
}

td.throw{
text-align:left;
width:auto;
}

/* THUMBNAILS LAYOUT STYLES */

.thumbnail {
text-align:center;
vertical-align: baseline;
white-space: nowrap;
}

table.thumbnail {
border-collapse:separate;
display:inline-table;
}

.thumbLink {
border-style: solid;
border-width:1px;
border-color: #A0A0A0;
margin: 2px;
}

/* COMMENTS LAYOUT STYLES */

.commentTitle { padding: 15px 5px 10px 5px; }
.commentDate {
text-align:right;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}

/* FORM LAYOUT STYLES */

form
{
text-align:left;
padding:10px;
}

.bouton
{
border: 1px solid #404750;
padding-left: 3px;
padding-right: 3px;
background-position : bottom;
margin-top:10px;
}

input,select,textarea
{
text-indent:2px;
border: 1px solid #797979;
padding: 0;
}

.radio{ border:0;}

/* ADMIN LAYOUT STYLES */

.adminMenu
{
text-align:center;
font-size:12px;
}

div.adminMenu{ margin:10px 50px 10px 50px; }

.admin
{
margin:0px 0px 12px 0px;
text-align: center;
padding:0px;
}

div.remoteOutput, div.remoteLocal {
border:1px solid black;
margin:10px;
text-align:left;
padding:5px;
}

div.remoteLocal {
text-align:center;
}

/* for debugging purpose */
pre { text-align:left; }

************************************************

diaph17 · 2005-02-19 19:30:03

latriche a écrit:
moi, je fais le texte avec un tt de txt, avec les attibuts et ensuite je le colle dans la cadre

sinon, dans default.css, vers la ligne 95 (chez moi), la variable .info, tu lui glisses entre les guillements une petite phrase dans ce style
text-align:center;
je pense que ca devrait faire l'affaire

je comprends pas car moi sans rien faire, le texte est centré et les retours marchent

bien moi rien se passe texte collé obstinémant à gauche et pas de retours ca me G....
tout est parfait sauf ce petit détail qui casse la pésentation :-|

plg · 2005-02-19 19:36:59

diaph17 a écrit:
Où est comment changer l"apparence (centrer le texte) dans la rubrique description sous la photo

Dans la feuille de style, remplace

Code:

.commentImage {
  text-align:justify;

par

Code:

.commentImage {
  text-align:center;

diaph17 a écrit:
ce champ ne prend pas en compte les retours à la ligne (touche Entrée).

C'est un bug. Je viens de le corriger. Si tu veux le corriger à chaud chez toi, c'est facile : dans picture.php, ligne 610, remplace

Code:

'COMMENT_IMG' => $picture['current']['comment']

par

Code:

'COMMENT_IMG' => nl2br($picture['current']['comment'])

diaph17 · 2005-02-19 20:40:30

la feuille de style il s'agi de default.css ?

diaph17 · 2005-02-19 21:09:08

z0rglub a écrit:
diaph17 a écrit:
Où est comment changer l"apparence (centrer le texte) dans la rubrique description sous la photo
Dans la feuille de style, remplace
Code:
.commentImage {
  text-align:justify;
par
Code:
.commentImage {
  text-align:center;
diaph17 a écrit:
ce champ ne prend pas en compte les retours à la ligne (touche Entrée).
C'est un bug. Je viens de le corriger. Si tu veux le corriger à chaud chez toi, c'est facile : dans picture.php, ligne 610, remplace
Code:
'COMMENT_IMG' => $picture['current']['comment']
par
Code:
'COMMENT_IMG' => nl2br($picture['current']['comment'])

Tous est OK ça roule super il est vraiment phénoménal ce PhpWebGallery 1.4.ORC3 il y a quelque subtilités a maîtriser autrement ces du billard.
Bravo aux programmeurs est merci à toi.
Cordialement
Diaph17

latriche · 2005-02-20 09:42:00

slt,
bon ca a la'air de marcher,
heureusement z0rglub a surgi,
car franchement, tu sais, moi, je bidouille juste un peu, je tatonne, alors pour te faire changer du code, ouuiiieee.

j'allais te proposer de rajouter le centrage dans ce bout de code
}

input,select,textarea
{
text-indent:2px;
border: 1px solid #797979;
padding: 0;
}

c'est ptet une konerie, non z0rglub ??
l'important c'est que ca marche

latriche · 2005-02-20 09:44:43

Code:

.commentImage {
  text-align:justify;

par

Code:

.commentImage {
  text-align:center;

cette commande de "commentimage", c'est pas le commentaire qu'on peut faire sur l'image ???

plg · 2005-02-20 10:51:44

Pour savoir quoi changer dans la feuille de style, la méthode est plutôt simple :

1. afficher le code source HTML de la page

2. trouver le conteneur qui correspondant à la partie à modifier

3. se rendre dans la feuille de style pour changer les propriétés du conteneur

diaph17 · 2005-02-20 12:42:59

Bonjour,
Merci à vous deux pour votre aide et votre disponibilité.
J'ai téléchargé "Script Edit" qui est comme son nom l'indique un éditeur de scripts, cela me permet de voir un peu plus clair dans les pages de script parce que le "notepad" de Windows ce n'est pas le pied pour ce genre de manip.
A l'époque, du temps où les Ordinateurs n'étaient pas des PC mais des Z80, Oric, Amstrad, Atari, et autre console je me permettais de faire du "Basic" donc quelques lointaines notions de la chose.
Maintenant que je suis aux portes de la retraite, je vais me replonger dans la programmation pour occuper les soirée d'hiver.
Question où trouver une bible du "PHP" avec les codes et autre mots magiques, avez vous des références ?
Bon je termine là ma prose.
Cordialement à vous :-))
Diaph17
Ps: Est-il possible de mettre des pièces jointes au message? Et si oui comment?

Sephi · 2005-02-20 12:59:10

diaph17 a écrit:
Question où trouver une bible du "PHP" avec les codes et autre mots magiques, avez vous des références ?

Pour la doc, tu as la doc Nexen, très bien faite (avec des exemples et tout et tout) :
http://www.nexen.net
Ou la doc PHP :
http://www.php.net/manual/fr/
Mais si tu veux des tutoriaux sur PHP, alors peux aller voir de ce côté :
http://www.phpdebutant.org
http://www.phpfrance.com

diaph17 a écrit:
Ps: Est-il possible de mettre des pièces jointes au message? Et si oui comment?

Pas que je sache. ^^

plg · 2005-02-20 18:47:08

diaph17 a écrit:
Ps: Est-il possible de mettre des pièces jointes au message? Et si oui comment?

Non, pas prévu (et je ne le souhaite pas)

Piwigo.org

Annonce

#1 2005-02-19 16:10:20

Rubrique description

#2 2005-02-19 17:14:51

Re: Rubrique description

#3 2005-02-19 17:58:15

Re: Rubrique description

#4 2005-02-19 19:30:03

Re: Rubrique description

latriche a écrit:

#5 2005-02-19 19:36:59

Re: Rubrique description

diaph17 a écrit:

Code:

Code:

diaph17 a écrit:

Code:

Code:

#6 2005-02-19 20:40:30

Re: Rubrique description

#7 2005-02-19 21:09:08

Re: Rubrique description

z0rglub a écrit:

diaph17 a écrit:

Code:

Code:

diaph17 a écrit:

Code:

Code:

#8 2005-02-20 09:42:00

Re: Rubrique description

#9 2005-02-20 09:44:43

Re: Rubrique description

Code:

Code:

#10 2005-02-20 10:51:44

Re: Rubrique description

#11 2005-02-20 12:42:59

Re: Rubrique description

#12 2005-02-20 12:59:10

Re: Rubrique description

diaph17 a écrit:

diaph17 a écrit:

#13 2005-02-20 18:47:08

Re: Rubrique description

diaph17 a écrit:

Pied de page des forums