Annonce

  •  » Utilisation
  •  » Pas oser toucher la page des WIKI... Proposer un autre picture.tpl

#1 2007-01-17 16:01:51

lterras
Membre
Rousset
2007-01-16
60

Pas oser toucher la page des WIKI... Proposer un autre picture.tpl

Bonjour,

J'ai essayer d'aller voir les WIKI pour proposer une personnalisation... Lorsque j'ai essayé d'editer la page, on m'a conseillé un "bac à sable"... que je ne vois pas...
voila donc les principes de la personnalisation proposé:

- Si vous utilisez PWB avec des images relativement petites et que vous vouliez afficher les infos et les metadata à droite de l'image plutôt qu'en dessous, afin de ne pas perdre trop de place, la modification proposée ci dessus peut vous plaire:

Pour cela, j'utilise un template ou l'autre en fonction de la taille de l'image affichée
si l'image est petite, les infos sont présenté à droite, sinon à gauche
note: cela prend en compte les personnalisations "Largeur maximum des images" et "Hauteur maximum des images"

*** 2 fichiers à modifiers et 1 à ajouter ***:

1) config_default.inc.php:
Ajouter les deux lignes suivantes:
----------------------------------------------------------------------
// Max width of picture when picture.php use picture_small.tpl instead of picture.tpl
$conf['with_template_small']=600;
----------------------------------------------------------------------

2) picture.php
chercher la ligne

$template->set_filenames(array('picture'=>'picture.tpl'));

et remplacer par

----------------------------------------------------------------------
//$template->set_filenames(array('picture'=>'picture.tpl'));

//to use picture_small.tpl
$userwidth=0;  if (@$user['maxwidth'] !="") {$userwidth=@$user['maxwidth'];}
$userheight=0; if (@$user['maxheight'] !="") {$userheight=@$user['maxheight'];}
$max= max($userwidth,$userheight);
$max= max($max, $picture_size[0]);
$max= max($max, $picture_size[1]);

if ($max<=$conf['with_template_small'])
{
  $template->set_filenames(array('picture'=>'picture_small.tpl')); 
}else
{
  $template->set_filenames(array('picture'=>'picture.tpl'));
}
//end for picture_small.tpl
----------------------------------------------------------------------
juste en dessous, chercher ce code:

$template->assign_vars(
  array(
    'SECTION_TITLE' => $page['title'],

et remplacer par
----------------------------------------------------------------------
$template->assign_vars(
  array(
       'MAXWIDTH' => $max, //for picture_small.tpl   <----- ligne ajoutée
       'SECTION_TITLE' => $page['title'],
----------------------------------------------------------------------


3) "picture_small.tpl" à ajouter à coté de picture.tpl dans <rep_phpwebgallery>/template/yoga/

dont le contenu est le suivant:
----------------------------------------------------------------------


<!-- BEGIN information -->
<div class="pleaseNote">{information.INFORMATION}</div>
<!-- END information -->

<div id="imageHeaderBar">
  <div class="browsePath">
    <a href="{U_HOME}" rel="home">{L_HOME}</a>
    {LEVEL_SEPARATOR}{SECTION_TITLE}
    {LEVEL_SEPARATOR}{PICTURE_TITLE}
  </div>
  <div class="imageNumber">{PHOTO}</div>
  <!-- BEGIN title -->
  <h2>{TITLE}</h2>
  <!-- END title -->
</div>

<div id="imageToolBar">

<div class="randomButtons">
  <a href="{U_SLIDESHOW}" title="{L_SLIDESHOW}" rel="nofollow"><img src="{pwg_root}{themeconf:icon_dir}/slideshow.png" class="button" alt="{L_SLIDESHOW}"></a>
  <a href="{U_METADATA}" title="{L_PICTURE_METADATA}"><img src="{pwg_root}{themeconf:icon_dir}/metadata.png" class="button" alt="{L_PICTURE_METADATA}"></a>
<!-- BEGIN representative -->
  <a href="{representative.URL}" title="{lang:set as category representative}"><img src="{pwg_root}{themeconf:icon_dir}/representative.png" class="button" alt="{lang:representative}"/></a>
<!-- END representative -->
<!-- BEGIN favorite -->
  <a href="{favorite.U_FAVORITE}" title="{favorite.FAVORITE_HINT}"><img src="{favorite.FAVORITE_IMG}" class="button" alt="{favorite.FAVORITE_ALT}"></a>
<!-- END favorite -->
<!-- BEGIN download -->
  <a href="{download.U_DOWNLOAD}" title="{download.DOWNLOAD_HINT}"><img src="{download.DOWNLOAD_IMG}" class="button" alt="{download.DOWNLOAD_ALT}"></a>
<!-- END download -->
<!-- BEGIN admin -->
  <a href="{U_ADMIN}" title="{L_ADMIN}"><img src="{pwg_root}{themeconf:icon_dir}/preferences.png" class="button" alt="{L_ADMIN}"></a>
<!-- END admin -->
<!-- BEGIN caddie -->
  <a href="{caddie.URL}" title="{lang:add to caddie}"><img src="{pwg_root}{themeconf:icon_dir}/caddie_add.png" class="button" alt="{lang:caddie}"/></a>
<!-- END caddie -->
</div>

<div class="navButtons">
<!-- BEGIN last -->
  <a class="navButton prev" href="{last.U_IMG}" title="{lang:last_page} : {last.TITLE_IMG}" rel="last"><img src="{pwg_root}{themeconf:icon_dir}/last.png" class="button" alt="{lang:last_page}"></a>
<!-- END last -->
<!-- BEGIN next -->
  <a class="navButton next" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}" rel="next"><img src="{pwg_root}{themeconf:icon_dir}/right.png" class="button" alt="{lang:next_page}"></a>
<!-- END next -->
  <a class="navButton up" href="{U_UP}" title="{lang:thumbnails}" rel="up"><img src="{pwg_root}{themeconf:icon_dir}/up.png" class="button" alt="{L_UP_ALT}"></a>
<!-- BEGIN previous -->
  <a class="navButton prev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}" rel="prev"><img src="{pwg_root}{themeconf:icon_dir}/left.png" class="button" alt="{lang:previous_page}"></a>
<!-- END previous -->
<!-- BEGIN first -->
  <a class="navButton prev" href="{first.U_IMG}" title="{lang:first_page} : {first.TITLE_IMG}" rel="first"><img src="{pwg_root}{themeconf:icon_dir}/first.png" class="button" alt="{lang:first_page}"></a>
<!-- END first -->
</div>

</div> <!-- imageToolBar -->


  <table width="99%">
    <tr>
      <td width="{MAXWIDTH}"> <!-- l'image toujours visualisée à gauche -->
        <div id="theImage">
          <!-- BEGIN high -->
          <!-- END high -->
          <img src="{SRC_IMG}" style="width:{WIDTH_IMG}px;height:{HEIGHT_IMG}px;" alt="{ALT_IMG}">
          <!-- BEGIN legend -->
          <p>{legend.COMMENT_IMG}</p>
          <!-- END legend -->       
          <!-- BEGIN stop_slideshow -->
          <p>
            [ <a href="{stop_slideshow.U_SLIDESHOW}">{L_STOP_SLIDESHOW}</a> ]
          </p>
          <!-- END stop_slideshow -->     
        </div>
      </td>
      <!-- BEGIN high -->
      <!-- END high -->
      <td valign=top> <!-- et les informations à droite -->
        <table><tr><td>
        <!-- dans cette cellule, tous les div des informations sur l'image -->
       
             
        <!-- les div des infos et exif -->       

        <table class="infoTable" summary="Some info about this picture">
          <tr>
            <td class="label">{lang:Author}</td>
            <td class="value">{INFO_AUTHOR}</td>
          </tr>
          <tr>
            <td class="label">{lang:Created on}</td>
            <td class="value">{INFO_CREATION_DATE}</td>
          </tr>
          <tr>
            <td class="label">{lang:Posted on}</td>
            <td class="value">{INFO_POSTED_DATE}</td>
          </tr>
          <tr>
            <td class="label">{lang:Dimensions}</td>
            <td class="value">{INFO_DIMENSIONS}</td>
          </tr>
          <tr>
            <td class="label">{lang:File}</td>
            <td class="value">{INFO_FILE}</td>
          </tr>
          <tr>
            <td class="label">{lang:Filesize}</td>
            <td class="value">{INFO_FILESIZE}</td>
          </tr>
          <tr>
            <td class="label">{lang:Tags}</td>
            <td class="value">{INFO_TAGS}</td>
          </tr>
          <tr>
            <td class="label">{lang:Categories}</td>
            <td class="value">
              <ul>
                <!-- BEGIN category -->
                <li>{category.LINE}</li>
                <!-- END category -->
              </ul>
            </td>
          </tr>
          <tr>
            <td class="label">{lang:Visits}</td>
            <td class="value">{INFO_VISITS}</td>
          </tr>
          <!-- BEGIN info_rate -->
          <tr>
            <td class="label">{lang:Average rate}</td>
            <td class="value">{info_rate.CONTENT}</td>
          </tr>
          <!-- END info_rate -->
        </table>       
       
        <!-- BEGIN metadata -->
        <table class="infoTable" summary="Some more (technical) info about this picture">
          <!-- BEGIN headline -->
          <tr>
            <th colspan="2">{metadata.headline.TITLE}</th>
          </tr>
          <!-- END headline -->
          <!-- BEGIN line -->
          <tr>
            <td class="label">{metadata.line.KEY}</td>
            <td class="value">{metadata.line.VALUE}</td>
          </tr>
          <!-- END line -->
        </table>
        <!-- END metadata -->
       
       
        </td></tr></table>
      </td>
    </tr>
  </table>


<!-- BEGIN previous -->
<a class="navThumb" id="thumbPrev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}" rel="prev">
  <img src="{previous.IMG}" class="thumbLink" id="linkPrev" alt="{previous.TITLE_IMG}">
</a>
<!-- END previous -->
<!-- BEGIN next -->
<a class="navThumb" id="thumbNext" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}" rel="next">
  <img src="{next.IMG}" class="thumbLink" id="linkNext" alt="{next.TITLE_IMG}">
</a>
<!-- END next -->


<!-- BEGIN rate -->
<form action="{rate.F_ACTION}" method="post">
<div>{rate.SENTENCE} :
<!-- BEGIN rate_option -->
{rate.rate_option.SEPARATOR}
<!-- BEGIN my_rate -->
<input type="button" name="rate" value="{rate.rate_option.OPTION}" class="rateButtonSelected" />
<!-- END my_rate -->
<!-- BEGIN not_my_rate -->
<input type="submit" name="rate" value="{rate.rate_option.OPTION}" class="rateButton" />
<!-- END not_my_rate -->
<!-- END rate_option -->
</div>
</form>
<!-- END rate -->

<hr class="separation">

<!-- BEGIN comments -->
<div id="comments">
<h2>[{comments.NB_COMMENT}] {L_COMMENT_TITLE}</h2>

<div class="navigationBar">{comments.NAV_BAR}</div>

<!-- BEGIN comment -->
<div class="comment">
  <!-- BEGIN delete -->
  <p class="userCommentDelete">
  <a href="{comments.comment.delete.U_COMMENT_DELETE}" title="{L_DELETE_COMMENT}">
    <img src="{pwg_root}{themeconf:icon_dir}/delete.png" class="button" style="border:none;vertical-align:middle; margin-left:5px;" alt="[{L_DELETE}]"/>
  </a>
  </p>
  <!-- END delete -->
  <p class="commentInfo"><span class="author">{comments.comment.COMMENT_AUTHOR}</span> - {comments.comment.COMMENT_DATE}</p>
  <blockquote>{comments.comment.COMMENT}</blockquote>
</div>
<!-- END comment -->

<!-- BEGIN add_comment -->
<form  method="post" action="{U_ADD_COMMENT}" class="filter" id="addComment">
  <fieldset>
    <legend>{L_ADD_COMMENT}</legend>

    <!-- BEGIN author_field -->
    <label>{L_AUTHOR}<input type="text" name="author"></label>
    <!-- END author_field -->

    <!-- BEGIN author_known -->
    <input type="hidden" name="author"  value="{comments.add_comment.author_known.KNOWN_AUTHOR}">
    <!-- END author_known -->

    <label>{L_COMMENT}<textarea name="content" rows="10" cols="80"></textarea></label>

    <input type="submit" value="{L_SUBMIT}" {TAG_INPUT_ENABLED}>
  </fieldset>
</form>
<!-- END add_comment -->
</div>
<!-- END comments -->


----------------------------------------------------------------------

Voila... J'ai testé mais je suis pas à l'abris d'avoir oublier quelque chose....


Laurence TERRAS

Edit: tlp => tpl dans le titre

Dernière modification par mathiasm (2007-01-17 23:07:08)

Hors ligne

#2 2007-01-17 16:03:12

lterras
Membre
Rousset
2007-01-16
60

Re: Pas oser toucher la page des WIKI... Proposer un autre picture.tpl

J'ai oublier de dire que cette modif a été testée sur une version 1.6.2 !

Laurence !

Hors ligne

#3 2007-01-17 16:28:31

plg
Équipe Piwigo
Nantes, France, Europe
2002-04-05
12644

Re: Pas oser toucher la page des WIKI... Proposer un autre picture.tpl

Le plus "habituel", c'est d'empaqueter ce genre de modification dans un MOD. Tu peux en télécharger quelques uns dans la section des extensions de phpwebgallery.net pour voir comment c'est fait, puis tu le diffuses grâce au gestionnaire :-)


Les historiens ont établi que Pierrick était le premier utilisateur connu de Piwigo.

Hors ligne

#4 2007-01-17 16:47:37

repie38
Former Piwigo Team
grenoble
2006-05-23
678

Re: Pas oser toucher la page des WIKI... Proposer un autre picture.tpl

Une petite demo ?

Hors ligne

#5 2007-01-17 17:21:44

lterras
Membre
Rousset
2007-01-16
60

Re: Pas oser toucher la page des WIKI... Proposer un autre picture.tpl

ben heu... faut me laisser un peu le temps d'apprendre à me servir de tous ces outils... et je n'ai pas encore de site en ligne... on attend les bon vouloir de l'hebergeur...

Laurence

Hors ligne

#6 2007-01-17 17:39:51

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Pas oser toucher la page des WIKI... Proposer un autre picture.tpl

J'ai dans une catégorie des images en portrait 450x512 et en paysage 682x512.

La hauteur est la même dans les deux cas pour éviter la pagination au visiteur.
Lequel ne souhaite pas forcément lire puisque ce qu'il apprécie c'est avant tout les images.

Que va-t-il se passer en regardant cette catégorie, si j'ai une alternance de portrait et de paysage?
(J'ai compris mais j'attends ta réponse).

8-)

PS pour repié38: Cela peut être compatible avec ton diaporama, c'est à vérifier. Le test est peut être à revoir.


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

#7 2007-01-17 17:43:36

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Pas oser toucher la page des WIKI... Proposer un autre picture.tpl

lterras a écrit:

<!-- BEGIN high -->
<!-- END high -->

Laurence,

Un bloc vide: Cela ne sert à rien, et cela déroule du code pour rien, autant le retirer.
Je l'ai vu plusieurs fois.

8-)


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

#8 2007-01-17 22:54:52

mathiasm
Former Piwigo Team
2006-02-06
2692

Re: Pas oser toucher la page des WIKI... Proposer un autre picture.tpl

z0rglub a écrit:

Le plus "habituel", c'est d'empaqueter ce genre de modification dans un MOD. Tu peux en télécharger quelques uns dans la section des extensions de phpwebgallery.net pour voir comment c'est fait, puis tu le diffuses grâce au gestionnaire :-)

J'aurai voté un template, moi, mais bon...
Elle copie yoga (yogi?), elle modifie son picture.tpl, et zou!
Non?

Hors ligne

#9 2007-01-17 23:37:54

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Pas oser toucher la page des WIKI... Proposer un autre picture.tpl

mathiasm a écrit:

z0rglub a écrit:

Le plus "habituel", c'est d'empaqueter ce genre de modification dans un MOD. Tu peux en télécharger quelques uns dans la section des extensions de phpwebgallery.net pour voir comment c'est fait, puis tu le diffuses grâce au gestionnaire :-)

J'aurai voté un template, moi, mais bon...
Elle copie yoga (yogi?), elle modifie son picture.tpl, et zou!
Non?

Tu as vu qu'il y a aussi du php...?


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

#10 2007-01-18 00:06:24

mathiasm
Former Piwigo Team
2006-02-06
2692

Re: Pas oser toucher la page des WIKI... Proposer un autre picture.tpl

VDigital a écrit:

mathiasm a écrit:

z0rglub a écrit:

Le plus "habituel", c'est d'empaqueter ce genre de modification dans un MOD. Tu peux en télécharger quelques uns dans la section des extensions de phpwebgallery.net pour voir comment c'est fait, puis tu le diffuses grâce au gestionnaire :-)

J'aurai voté un template, moi, mais bon...
Elle copie yoga (yogi?), elle modifie son picture.tpl, et zou!
Non?

Tu as vu qu'il y a aussi du php...?

bah, forcément non! :-)

MOD, alors...

Hors ligne

#11 2007-01-18 11:28:18

lterras
Membre
Rousset
2007-01-16
60

Re: Pas oser toucher la page des WIKI... Proposer un autre picture.tpl

Bonjour!!!

Bon, Faut que j'arrange des choses: pour les boucles vides: méa coulpa!

Comme je travaille sur une version modifié avec une gestion du nombre de téléchargements, mon
picture.tpl comporte des modifications où j'ai supprimé le lien vers la haute définition pour qu'il ne reste que la disquette.... et j'avais modifié aussi le lien de la disquette...

Pour proposer cette petite modif, j'ai testé sur une 1.6.2 original mais j'ai pris mon picture_small.tpl du projet modifié en virant mes modifs mais sans remettre le code original...
pas bien !!!

Promis, je verrais comment les MODs sont fait, mais y'a mon Christophe qui veux encore des choses.. (plus je lui modifie , plus il en veut....) alors, j'ai pas bien le temps, pour l'instant, de faire ça tout bien tout bien
mas en attendant...
le picture.tpl qui va mieux:

-----------------------------------------------------------
<!-- BEGIN information -->
<div class="pleaseNote">{information.INFORMATION}</div>
<!-- END information -->

<div id="imageHeaderBar">
  <div class="browsePath">
    <a href="{U_HOME}" rel="home">{L_HOME}</a>
    {LEVEL_SEPARATOR}{SECTION_TITLE}
    {LEVEL_SEPARATOR}{PICTURE_TITLE}
  </div>
  <div class="imageNumber">{PHOTO}</div>
  <!-- BEGIN title -->
  <h2>{TITLE}</h2>
  <!-- END title -->
</div>

<div id="imageToolBar">

<div class="randomButtons">
  <a href="{U_SLIDESHOW}" title="{L_SLIDESHOW}" rel="nofollow"><img src="{pwg_root}{themeconf:icon_dir}/slideshow.png" class="button" alt="{L_SLIDESHOW}"></a>
  <a href="{U_METADATA}" title="{L_PICTURE_METADATA}"><img src="{pwg_root}{themeconf:icon_dir}/metadata.png" class="button" alt="{L_PICTURE_METADATA}"></a>
<!-- BEGIN representative -->
  <a href="{representative.URL}" title="{lang:set as category representative}"><img src="{pwg_root}{themeconf:icon_dir}/representative.png" class="button" alt="{lang:representative}"/></a>
<!-- END representative -->
<!-- BEGIN favorite -->
  <a href="{favorite.U_FAVORITE}" title="{favorite.FAVORITE_HINT}"><img src="{favorite.FAVORITE_IMG}" class="button" alt="{favorite.FAVORITE_ALT}"></a>
<!-- END favorite -->
<!-- BEGIN download -->
  <a href="{download.U_DOWNLOAD}" title="{L_DOWNLOAD}"><img src="{pwg_root}{themeconf:icon_dir}/save.png" class="button" alt="{L_DOWNLOAD}"></a>
<!-- END download -->
<!-- BEGIN admin -->
  <a href="{U_ADMIN}" title="{L_ADMIN}"><img src="{pwg_root}{themeconf:icon_dir}/preferences.png" class="button" alt="{L_ADMIN}"></a>
<!-- END admin -->
<!-- BEGIN caddie -->
  <a href="{caddie.URL}" title="{lang:add to caddie}"><img src="{pwg_root}{themeconf:icon_dir}/caddie_add.png" class="button" alt="{lang:caddie}"/></a>
<!-- END caddie -->
</div>

<div class="navButtons">
<!-- BEGIN last -->
  <a class="navButton prev" href="{last.U_IMG}" title="{lang:last_page} : {last.TITLE_IMG}" rel="last"><img src="{pwg_root}{themeconf:icon_dir}/last.png" class="button" alt="{lang:last_page}"></a>
<!-- END last -->
<!-- BEGIN next -->
  <a class="navButton next" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}" rel="next"><img src="{pwg_root}{themeconf:icon_dir}/right.png" class="button" alt="{lang:next_page}"></a>
<!-- END next -->
  <a class="navButton up" href="{U_UP}" title="{lang:thumbnails}" rel="up"><img src="{pwg_root}{themeconf:icon_dir}/up.png" class="button" alt="{L_UP_ALT}"></a>
<!-- BEGIN previous -->
  <a class="navButton prev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}" rel="prev"><img src="{pwg_root}{themeconf:icon_dir}/left.png" class="button" alt="{lang:previous_page}"></a>
<!-- END previous -->
<!-- BEGIN first -->
  <a class="navButton prev" href="{first.U_IMG}" title="{lang:first_page} : {first.TITLE_IMG}" rel="first"><img src="{pwg_root}{themeconf:icon_dir}/first.png" class="button" alt="{lang:first_page}"></a>
<!-- END first -->
</div>

</div> <!-- imageToolBar -->


  <table width="99%">
    <tr>
      <td width="{MAXWIDTH}"> <!-- l'image toujours visualisée à gauche -->
        <div id="theImage">
          <!-- BEGIN high -->
          <a href="javascript:phpWGOpenWindow('{high.U_HIGH}','{high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')">
          <!-- END high -->
          <img src="{SRC_IMG}" style="width:{WIDTH_IMG}px;height:{HEIGHT_IMG}px;" alt="{ALT_IMG}">
          <!-- BEGIN high -->         
          </a>
            <p>{L_PICTURE_HIGH}</p>         
          <!-- END high -->
          <!-- BEGIN legend -->
          <p>{legend.COMMENT_IMG}</p>
          <!-- END legend -->       
          <!-- BEGIN stop_slideshow -->
          <p>
            [ <a href="{stop_slideshow.U_SLIDESHOW}">{L_STOP_SLIDESHOW}</a> ]
          </p>
          <!-- END stop_slideshow -->     
        </div>
      </td>
      <td valign=top> <!-- et les informations à droite -->
        <table><tr><td>
        <!-- dans cette cellule, tous les div des informations sur l'image -->
       
             
        <!-- les div des infos et exif -->       

        <table class="infoTable" summary="Some info about this picture">
          <tr>
            <td class="label">{lang:Author}</td>
            <td class="value">{INFO_AUTHOR}</td>
          </tr>
          <tr>
            <td class="label">{lang:Created on}</td>
            <td class="value">{INFO_CREATION_DATE}</td>
          </tr>
          <tr>
            <td class="label">{lang:Posted on}</td>
            <td class="value">{INFO_POSTED_DATE}</td>
          </tr>
          <tr>
            <td class="label">{lang:Dimensions}</td>
            <td class="value">{INFO_DIMENSIONS}</td>
          </tr>
          <tr>
            <td class="label">{lang:File}</td>
            <td class="value">{INFO_FILE}</td>
          </tr>
          <tr>
            <td class="label">{lang:Filesize}</td>
            <td class="value">{INFO_FILESIZE}</td>
          </tr>
          <tr>
            <td class="label">{lang:Tags}</td>
            <td class="value">{INFO_TAGS}</td>
          </tr>
          <tr>
            <td class="label">{lang:Categories}</td>
            <td class="value">
              <ul>
                <!-- BEGIN category -->
                <li>{category.LINE}</li>
                <!-- END category -->
              </ul>
            </td>
          </tr>
          <tr>
            <td class="label">{lang:Visits}</td>
            <td class="value">{INFO_VISITS}</td>
          </tr>
          <!-- BEGIN info_rate -->
          <tr>
            <td class="label">{lang:Average rate}</td>
            <td class="value">{info_rate.CONTENT}</td>
          </tr>
          <!-- END info_rate -->
        </table>       
       
        <!-- BEGIN metadata -->
        <table class="infoTable" summary="Some more (technical) info about this picture">
          <!-- BEGIN headline -->
          <tr>
            <th colspan="2">{metadata.headline.TITLE}</th>
          </tr>
          <!-- END headline -->
          <!-- BEGIN line -->
          <tr>
            <td class="label">{metadata.line.KEY}</td>
            <td class="value">{metadata.line.VALUE}</td>
          </tr>
          <!-- END line -->
        </table>
        <!-- END metadata -->
       
       
        </td></tr></table>
      </td>
    </tr>
  </table>


<!-- BEGIN previous -->
<a class="navThumb" id="thumbPrev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}" rel="prev">
  <img src="{previous.IMG}" class="thumbLink" id="linkPrev" alt="{previous.TITLE_IMG}">
</a>
<!-- END previous -->
<!-- BEGIN next -->
<a class="navThumb" id="thumbNext" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}" rel="next">
  <img src="{next.IMG}" class="thumbLink" id="linkNext" alt="{next.TITLE_IMG}">
</a>
<!-- END next -->


<!-- BEGIN rate -->
<form action="{rate.F_ACTION}" method="post">
<div>{rate.SENTENCE} :
<!-- BEGIN rate_option -->
{rate.rate_option.SEPARATOR}
<!-- BEGIN my_rate -->
<input type="button" name="rate" value="{rate.rate_option.OPTION}" class="rateButtonSelected" />
<!-- END my_rate -->
<!-- BEGIN not_my_rate -->
<input type="submit" name="rate" value="{rate.rate_option.OPTION}" class="rateButton" />
<!-- END not_my_rate -->
<!-- END rate_option -->
</div>
</form>
<!-- END rate -->

<hr class="separation">

<!-- BEGIN comments -->
<div id="comments">
<h2>[{comments.NB_COMMENT}] {L_COMMENT_TITLE}</h2>

<div class="navigationBar">{comments.NAV_BAR}</div>

<!-- BEGIN comment -->
<div class="comment">
  <!-- BEGIN delete -->
  <p class="userCommentDelete">
  <a href="{comments.comment.delete.U_COMMENT_DELETE}" title="{L_DELETE_COMMENT}">
    <img src="{pwg_root}{themeconf:icon_dir}/delete.png" class="button" style="border:none;vertical-align:middle; margin-left:5px;" alt="[{L_DELETE}]"/>
  </a>
  </p>
  <!-- END delete -->
  <p class="commentInfo"><span class="author">{comments.comment.COMMENT_AUTHOR}</span> - {comments.comment.COMMENT_DATE}</p>
  <blockquote>{comments.comment.COMMENT}</blockquote>
</div>
<!-- END comment -->

<!-- BEGIN add_comment -->
<form  method="post" action="{U_ADD_COMMENT}" class="filter" id="addComment">
  <fieldset>
    <legend>{L_ADD_COMMENT}</legend>

    <!-- BEGIN author_field -->
    <label>{L_AUTHOR}<input type="text" name="author"></label>
    <!-- END author_field -->

    <!-- BEGIN author_known -->
    <input type="hidden" name="author"  value="{comments.add_comment.author_known.KNOWN_AUTHOR}">
    <!-- END author_known -->

    <label>{L_COMMENT}<textarea name="content" rows="10" cols="80"></textarea></label>

    <input type="submit" value="{L_SUBMIT}" {TAG_INPUT_ENABLED}>
  </fieldset>
</form>
<!-- END add_comment -->
</div>
<!-- END comments -->

------------------------------------------------------------

Et pour répondre à la question, que se passe t-il quand on ballade dans la gallerie... oui, ça fait un coup, l'un un coup l'autre.
mais pour l'utiliser, il vaut mieux:
- mettre par défaut des tailles  max comme ce qu'il y a dans le fichier de conf....
et du coup, ça zape pas entre les deux templates... et si y'a des formats paysage ou portrait, la case à gauche est taillée pour que le format portrait soit centré dans la cellule du tableau utilisé.

J'ai voulu laisser le choix (permetre de changer de template si les gens tiennent à proposer des grandes images, mais avec le cof: on fait ce qu'on veut...)
- si on veux toujours contré: on met pas 600 mais 0
- si on veut toujours l'image à gauche et infos à droite, on met taille max dans l'administration à 600
- si ça dérange pas de zapper: on laisse vide les tailles max dans l'administration.

Y'a peut être de meilleures idées.. c'est vrai que j'ai tout de suite eu envie de mettre ces infos à droite quand j'ai découvert le projet... j'aime pas trop utiliser les ascenseurs !! ;-)

voila voila!!!

Hors ligne

#12 2007-01-18 12:12:18

vimages
Membre
2004-03-27
2429

Re: Pas oser toucher la page des WIKI... Proposer un autre picture.tpl

[HS] il en a de la chance le Christophe.....  :o))  [/HS]

Hors ligne

  •  » Utilisation
  •  » Pas oser toucher la page des WIKI... Proposer un autre picture.tpl

Pied de page des forums

Propulsé par FluxBB

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