•  » Utilisation
  •  » Mettre les flèches de direction dans le menu du haut... facile...

#1 2005-04-18 03:14:05

fabino
Membre
Nouvelle Calédonie
2005-04-15
5

Mettre les flèches de direction dans le menu du haut... facile...

Bonjour à tous,

Un petit truc tout simple qui a peut-être déjà été abordé dans d'autres posts, très facile à faire et démontrant la souplesse de personnalisation de la v1.4 : mettre les flèches de direction (précédente/suivante) dans le menu du haut, ce qui est tout de même plus pratique pour aller d'une photo à l'autre. Vous pouvez de même rajouter des boutons supplémentaires, changer les icônes, etc.

Simplement en modifiant le fichier picture.tpl comme suit :

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

<!-- BEGIN information -->
<div class="information">{information.INFORMATION}</div>
<!-- END information -->
<div class="titrePage">
  <div id="gauche"><a href="{U_HOME}">{L_HOME}</a>{LEVEL_SEPARATOR}{CATEGORY}</div>
  <div id="centre" class="nameImage">{TITLE}</div>
  <div id="droite">{PHOTO}</div>
</div>
<div id="imgBarMenu">
<div class="imgMenu" id="left">
  <a href="http://www.votresite.com" title="Retour au site">
    <img src="template/default/theme/logo.gif" alt="Retour au site" />
  </a>
</div>
<div class="imgMenu" id="left">
  <a href="{U_UP}" title="{L_UP_ALT}">
    <img src="template/default/theme/oeil.gif" alt="{L_UP_ALT}" />
  </a>
</div>
<div class="imgMenu" id="left">
  <a href="{U_SLIDESHOW}" title="{L_SLIDESHOW}">
    <img src="template/default/theme/slideshow.gif" alt="{L_SLIDESHOW}" />
  </a>
</div>
<div class="imgMenu" id="middle">
  <a href="{U_METADATA}" title="{L_PICTURE_METADATA}">
    <img src="template/default/theme/metadata.gif" alt="{L_PICTURE_METADATA}" />
  </a>
</div>
<div class="imgMenu" id="right">
  <!-- BEGIN next -->
        <a  class="none" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}">
        <img style="border:none;" src="template/default/theme/fleched.gif" alt="{L_NEXT_IMG}{next.TITLE_IMG}" />
        </a>
  <!-- END next -->
</div>
<div class="imgMenu" id="right">
  <!-- BEGIN previous -->
    <a class="none" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}">
    <img style="border:none;" src="template/default/theme/flecheg.gif" alt="{L_PREV_IMG}{previous.TITLE_IMG}" />
    </a>
  <!-- END previous -->
</div>

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

C'est le code pour mon site, pour l'exemple, que vous adaptez à votre sauce, et vous virez plus bas dans picture.tpl le code correspondant aux flèches du bas qui ne servent plus à rien.

Au final, ça donne un truc comme ça :
http://www.clubopera.com/galerie/pictur … age_id=705

Hors ligne

#2 2005-04-19 20:48:42

samzee
Membre
2005-03-04
53

Re: Mettre les flèches de direction dans le menu du haut... facile...

Superbe galerie!

Pourquoi ne pas mettre ta modif dans la section MODs afin qu'elle ne perde pas sous les flots de tous ces message?

Salutations

Hors ligne

#3 2005-04-19 23:06:42

fabino
Membre
Nouvelle Calédonie
2005-04-15
5

Re: Mettre les flèches de direction dans le menu du haut... facile...

Bonjour,

Oui, tu as raison. Cette modif a beau être très simple, elle peut rendre service à ceux qui vraiment ne pigent rien du tout au code. Je vais faire un message qui renvoie sur celui-ci.

@+

Hors ligne

#4 2005-04-20 17:17:10

latriche
Membre
2005-01-26
200

Re: Mettre les flèches de direction dans le menu du haut... facile...

c'est chouette fabino,

mais moi, comme depuis des mois, je veux ces fleches de chaque coté de la grande photo, pour le moment, j'ai ca

http://fcdombesbenjamins.free.fr/galeri … ge_id=1584

et ca me convient pas tout a fait, vu que ten as bien bavé pour faire ca, te resterait il un peun de salive pour solucer mon bleme, les modos ont l'air, on va dire "embetés" avec ce souci

la seule soluce que j'ai eue était piour la 1.3...


L'erreur est humaine mais un véritable désastre nécessite un ordinateur

http://fcdombes.free.fr/galeriephotos/category.php

Hors ligne

#5 2005-04-20 23:24:09

fabino
Membre
Nouvelle Calédonie
2005-04-15
5

Re: Mettre les flèches de direction dans le menu du haut... facile...

Bonjour,

En fait, non, justement, je n'en ai pas bavé du tout parce que je suis vraiment pas un expert en html, php, etc. Il est même très possible que je m'y connaise moins que toi dans ce domaine. C'est pour ça que je suis allé vers la solution la plus simple, qui en plus me semble la plus pratique et la plus esthétique. D'autant plus que c'est la soluce adoptée pour la démo du site PWG. Donc le seul conseil que je puisse te donner c'est de mettre les flèches comme je l'ai fait, vu que le script permet de le faire facilement.

@+

Hors ligne

#6 2005-04-21 02:41:33

seldon
Membre
2005-04-14
11

Re: Mettre les flèches de direction dans le menu du haut... facile...

Bonjour,

Tu peux essayer de modifier le template picture.tpl de  la façon suivante :

Remplacer la ligne

<img class="image" src="{SRC_IMG}" style="width:{WIDTH_IMG}px;height:{HEIGHT_IMG}px;" alt="{ALT_IMG}"/>

Par

<table>
  <tr>
    <td>
  <!-- BEGIN previous -->
    <a class="none" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}">
    <img style="border:none;" width="30" height="100" align="absmiddle" src="template/default/theme/left-arrow.gif" alt="" />
    </a>
  <!-- END previous -->
    </td><td>
  <img class="image" src="{SRC_IMG}" style="width:{WIDTH_IMG}px;height:{HEIGHT_IMG}px;" alt="{ALT_IMG}"/>
</td><td>

  <!-- BEGIN next -->
  <a  class="none" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}">
           <img style="border:none;" class="thumbLink" width="30" height="100" align="absmiddle" src="template/default/theme/right-arrow.gif" alt="" />
    </a>
  <!-- END next -->
        </td>
  </tr>
</table>

normalement ça devrait marcher sans soucis ;)

@+

Seldon

Hors ligne

#7 2005-04-22 18:42:18

latriche
Membre
2005-01-26
200

Re: Mettre les flèches de direction dans le menu du haut... facile...

Ecoute, seldon,

j'ai deja commencé le piedestal de la statue que je vais t'ériger;

si tu veux que je la monte completement, tu n'as plus qu'a me donner le code pour centrer tout ca dans la page, car comme tu peux le voir la :
http://fcdombes2.free.fr/galeriephotos/ … age_id=238

y manqiue que le centrage


L'erreur est humaine mais un véritable désastre nécessite un ordinateur

http://fcdombes.free.fr/galeriephotos/category.php

Hors ligne

#8 2005-04-23 12:47:32

latriche
Membre
2005-01-26
200

Re: Mettre les flèches de direction dans le menu du haut... facile...

en mettant des gifs plus larges, la page est presque centrée

http://fcdombesbenjamins.free.fr/galeri … ge_id=1195

yen manque un chouia (de centrage)

mais enfin, j'arrive a trouver (presque) la perfection.

si t'avais une petite idee, qd mm, pour centrer


L'erreur est humaine mais un véritable désastre nécessite un ordinateur

http://fcdombes.free.fr/galeriephotos/category.php

Hors ligne

#9 2005-04-28 00:49:11

seldon
Membre
2005-04-14
11

Re: Mettre les flèches de direction dans le menu du haut... facile...

Salut,

Désolé du retard mais je suis un peu en vadrouille et donc j'ai pas toujours de connection dispo...

Deux choses soit tu changes tes flèche par des gifs plus petites pour pas que ça déborde, soit tu dimensionnes les différentes cellules et la table créés pour qu'elles ne dépasse pas ta résolution maxi.

Ca ira ?

Seldon

Hors ligne

#10 2005-04-29 13:10:52

latriche
Membre
2005-01-26
200

Re: Mettre les flèches de direction dans le menu du haut... facile...

ben, en fait, les gifs larges me permettent de "centrer" la page. si j'en mets des plus petites (moins larges), ca decale tout.

pour ce qui est des cellules, la t'es gentil, mais tu me parles com y fo, stp.

je sais pas du tout ce que ca represente; on m'avait deja parle d'un systeme avec trois tableuax sur la meme ligne, yavait un post qui donnait le code, masi ca fonctionnait pas terrible, car yavait plein de valeur de cadrage a changer et bon jme suis perdu

par contre si je pouvais, mais j'ai pas enkor cherché (et d'ailleurs sais pas si jtrouverai), y fodrait que je puisse elargir et la barre de titre et la barre de commentaires pour qu'elles s'étalent sur toute la largeur.
tiens ben si t'avais une idee pour ca


L'erreur est humaine mais un véritable désastre nécessite un ordinateur

http://fcdombes.free.fr/galeriephotos/category.php

Hors ligne

#11 2005-04-30 05:00:48

seldon
Membre
2005-04-14
11

Re: Mettre les flèches de direction dans le menu du haut... facile...

Re,

Bon je crois avoir un début de piste pour toi. si tu remplace le code suivant

style="width:{WIDTH_IMG}px;height:{HEIGHT_IMG}px;"

par

HEIGHT = "375" WIDTH = "500"

toujours dans picture.tpl, tu verras que ça sera mieux.

Certes les photos seront plus petites (car on fixe la taille)  mais bon il faut faire un choix. Tu peux aussi changer tes flèches et du coup tu pourras augmenter la taille de l'image centrale.

L'idéale serait d'avoir des flèche qui tournent sur elles même de 50 de large (là elles font 150) comme ça tu pourrait avoir une image de 700x525

Bon j'espère que ça fera ton bonheur.

@+

Seldon

Hors ligne

#12 2005-05-12 20:34:25

Jibee
Membre
2005-04-17
24

Re: Mettre les flèches de direction dans le menu du haut... facile...

merci ca va me servir :)

Hors ligne

  •  » Utilisation
  •  » Mettre les flèches de direction dans le menu du haut... facile...

Pied de page des forums

Propulsé par FluxBB

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