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)
Hors ligne
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
Hors ligne
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; }
************************************************
Hors ligne
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 :-|
Hors ligne
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
.commentImage { text-align:justify;
par
.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
'COMMENT_IMG' => $picture['current']['comment']
par
'COMMENT_IMG' => nl2br($picture['current']['comment'])
Hors ligne
la feuille de style il s'agi de default.css ?
Hors ligne
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
Hors ligne
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
Hors ligne
.commentImage { text-align:justify;
par
.commentImage { text-align:center;
cette commande de "commentimage", c'est pas le commentaire qu'on peut faire sur l'image ???
Hors ligne
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
Hors ligne
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?
Hors ligne
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. ^^
Hors ligne
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)
Hors ligne