Fork me on GitHub






template module extgallery
Semi pro
Inscrit: 04/08/2005 14:16
De Quelque part dans les étoiles...
Messages: 1141
Bonjour à tous,

Je cherche à modifier le template de la page d'accueil du module Extgallery. N'étant pas un pro, j'aimerai un peu d'aide

Par défaut, toutes les catégories sont affichées les unes sous les autres (vertical) avec le nombre de sous-album et le nombre de photos.

J'aimerai afficher uniquement les catégories en horizontal sur 5 colonnes sans le nombre de sous-album et le nombre de photos.

Le template de base est celui-ci :

<div id="extgallery">
      <
a href="<{xoAppUrl modules/extgallery/}>"><{$extgalleryName}></a><br /><br />
        <
table class="outer">
          <
tr>
              <
th><font color="#ffb41e"><{$lang.categoriesAlbums}></font></th>
              <
th style="text-align:center;"><font color="#ffb41e"><{$lang.nbAlbums}></font></th>
              <
th style="text-align:center;"><font color="#ffb41e"><{$lang.nbPhotos}></font></th>
          </
tr>
          <{
foreachq item=child from=$cats}>
          <
tr class="<{cycle values="even,odd"}>">
              <{if 
$child.cat_nb_album == 0}>
                  <
td colspan="2">
        <{else}>
                  <
td>
              <{/if}>
                <!-- 
Category/album image -->
              <!-- 
Si l'option d'affichage de la photo de la catégorie est activéealors -->
              <{if 
$disp_cat_img == }>
                  <{if 
$child.cat_imgurl != "" }>
                      <
div class="catThumb" style="float:left; margin-right:5px;">
                          <{if 
$child.cat_isalbum}>
                              <
a href="public-<{$display_type}>.php?id=<{$child.cat_id}>"><img src="<{$child.cat_imgurl}>" alt="<{$child.cat_name}>" title="<{$child.cat_name}>" /></a>
<{else}>
                              <
a href="public-categories.php?id=<{$child.cat_id}>"><img src="<{$child.cat_imgurl}>" alt="<{$child.cat_name}>" title="<{$child.cat_name}>" /></a>
      <{/if}>
        </
div>
      <{else}>
                      <{if 
$child.photo}>
                          <
div class="catThumb" style="float:left; margin-right:5px;">
                          <{if 
$child.cat_isalbum}>
<
a href="public-<{$display_type}>.php?id=<{$child.cat_id}>"><img src="<{$xoops_url}>/uploads/extgallery/public-photo/thumb/thumb_<{$child.photo.photo_name}>" alt="<{$child.photo.photo_desc}>" title="<{$child.photo.photo_desc}>" /></a>
<{else}>                                  <
a href="public-categories.php?id=<{$child.cat_id}>"><img src="<{$xoops_url}>/uploads/extgallery/public-photo/thumb/thumb_<{$child.photo.photo_name}>" alt="<{$child.photo.photo_desc}>" title="<{$child.photo.photo_desc}>" /></a>
  <{/if}>
      </
div>
          <{/if}>
              <{/if}>
              <{else}>
                  <{if 
$child.photo}>
                      <
div class="catThumb" style="float:left; margin-right:5px;">
                          <{if 
$child.cat_isalbum}>
                              <
a href="public-<{$display_type}>.php?id=<{$child.cat_id}>"><img src="<{$xoops_url}>/uploads/extgallery/public-photo/thumb/thumb_<{$child.photo.photo_name}>" alt="<{$child.photo.photo_desc}>" title="<{$child.photo.photo_desc}>" /></a>
                          <{else}>
                              <
a href="public-categories.php?id=<{$child.cat_id}>"><img src="<{$xoops_url}>/uploads/extgallery/public-photo/thumb/thumb_<{$child.photo.photo_name}>" alt="<{$child.photo.photo_desc}>" title="<{$child.photo.photo_desc}>" /></a>
                          <{/if}>
                      </
div>
                  <{/if}>
              <{/if}>
                <{if 
$child.cat_isalbum}>
                  <
a href="public-<{$display_type}>.php?id=<{$child.cat_id}>"><{$child.cat_name}></a><br /><{$child.cat_desc}></td>
              <{else}>
                  <
a href="public-categories.php?id=<{$child.cat_id}>"><{$child.cat_name}></a><br /><{$child.cat_desc}></td>
              <{/if}>
              <{if 
$child.cat_nb_album != 0}>
              <
td style="text-align:center;"><{$child.cat_nb_album}></td>
              <{/if}>
              <
td style="text-align:center;"><{$child.cat_nb_photo}></td>
          </
tr>
          <{/foreach}>
          <!--<
tr class="even">              <td><a href="user-categories.php">User categories</a><br />You can find here all user categories</td>          </tr>-->
      </
table>
        <{include 
file='db:system_notification_select.html'}>  </div>


Si quelqu'un pouvait me donner une piste...

Merci d'avance pour votre aide

Posté le : 16/08/2010 11:02

Il n'y a qu'une chose que vous pouvez changer dans l'Univers : c'est Vous-Même !
Partager Twitter Partagez cette article sur GG+
Re: template module extgallery
Xoops accro
Inscrit: 16/08/2005 19:46
De Nanterre
Messages: 2331
Bonsoir xmouse,
C'est pas garanti, mais essai ces modifications pour voir...
voici un exemple (je le laisse 1 ou 2 jours)
cela fonctionne sous firefox mozilla
http://regartpro.centralexpresservice.com/modules/extgallery/

le fichier à modifier c'est extgallery_index.html

<div id="extgallery">
    <
a href="<{xoAppUrl modules/extgallery/}>"></a>
    <
table class="outer">
        <{
foreachq item=child from=$cats}>
        <
tr>
            <{if 
$child.cat_nb_album == 0}>
                <
tr colspan="2">
            <{else}>
                <
tr>
            <{/if}>
            <{if 
$disp_cat_img == }>
                <{if 
$child.cat_imgurl != "" }>
                    <
div class="catThumb" style="float:left; margin-right:5px;">
                        <{if 
$child.cat_isalbum}>
                            <
a href="public-<{$display_type}>.php?id=<{$child.cat_id}>"><img src="<{$child.cat_imgurl}>" /></a>
                        <{else}>
                            <
a href="public-categories.php?id=<{$child.cat_id}>"><img src="<{$child.cat_imgurl}>" /></a>
                        <{/if}>
                    </
div>
                <{else}>
                    <{if 
$child.photo}>
                        <
div class="catThumb" style="float:left; margin-right:5px;">
                            <{if 
$child.cat_isalbum}>
                                <
a href="public-<{$display_type}>.php?id=<{$child.cat_id}>"><img src="<{$xoops_url}>/uploads/extgallery/public-photo/thumb/thumb_<{$child.photo.photo_name}>" /></a>
                            <{else}>
                                <
a href="public-categories.php?id=<{$child.cat_id}>"><img src="<{$xoops_url}>/uploads/extgallery/public-photo/thumb/thumb_<{$child.photo.photo_name}>" /></a>
                            <{/if}>
                        </
div>
                    <{/if}>
                <{/if}>
            <{else}>
                <{if 
$child.photo}>
                    <
div class="catThumb" style="float:left; margin-right:5px;">
                        <{if 
$child.cat_isalbum}>
                            <
a href="public-<{$display_type}>.php?id=<{$child.cat_id}>"><img src="<{$xoops_url}>/uploads/extgallery/public-photo/thumb/thumb_<{$child.photo.photo_name}>" /></a>
                        <{else}>
                            <
a href="public-categories.php?id=<{$child.cat_id}>"><img src="<{$xoops_url}>/uploads/extgallery/public-photo/thumb/thumb_<{$child.photo.photo_name}>" /></a>
                        <{/if}>
                    </
div>
                <{/if}>
            <{/if}>

            <{if 
$child.cat_isalbum}>
                <
a href="public-<{$display_type}>.php?id=<{$child.cat_id}>"></a></tr>
            <{else}>
                <
a href="public-categories.php?id=<{$child.cat_id}>"></a></tr>
            <{/if}>
        </
tr>
        <{/foreach}>
    </
table>

    <{include 
file='db:system_notification_select.html'}>
</
div>

J'espère que cela répond à ta demande
A bientôt

Posté le : 17/08/2010 20:42
Partager Twitter Partagez cette article sur GG+
Re: template module extgallery
Semi pro
Inscrit: 04/08/2005 14:16
De Quelque part dans les étoiles...
Messages: 1141
C'est à peu près ce que je cherchais...
Je vais maintenant pouvoir le travailler à ma sauce en le bidouillant... lol...

Merci beaucoup eparcyl92, t'es le roi des templates

Posté le : 18/08/2010 18:24

Il n'y a qu'une chose que vous pouvez changer dans l'Univers : c'est Vous-Même !
Partager Twitter Partagez cette article sur GG+
Re: template module extgallery
Semi pro
Inscrit: 04/08/2005 14:16
De Quelque part dans les étoiles...
Messages: 1141
Voilà en gros ce que le résultat donne... http://version2.xmouse.org/modules/extgallery/

Ce n'est pas encore terminé mais le résultat commence à me plaire

La deuxième étape sera les sous-dossiers et les albums.

En tout cas, en grand merci à Eparcy92

Posté le : 18/08/2010 21:12

Il n'y a qu'une chose que vous pouvez changer dans l'Univers : c'est Vous-Même !
Partager Twitter Partagez cette article sur GG+
Re: template module extgallery
Xoops accro
Inscrit: 16/08/2005 19:46
De Nanterre
Messages: 2331
Bonjour xmouse,
Il y a un problème quand même, c'est si quelqu'un utilise internet explorer 8, il voit apparaître les images sur une seule colonne.
Cela fonctionne très bien sous Firefox pourtant.
Peux être manque t'il du codage... faudrait savoir comment c'est vu par d'autres navigateurs.

A +++

Posté le : 19/08/2010 05:43
Partager Twitter Partagez cette article sur GG+
Re: template module extgallery
Semi pro
Inscrit: 04/08/2005 14:16
De Quelque part dans les étoiles...
Messages: 1141
Arrrgghhhh, j'ai pas pris le temps hier soir de faire les tests sur différents navigateurs :

- Internet Explorer 8 : KO
- Opera 10.60 : KO
- Chrome 5.0 : OK
- Firefox 3.6.8 : OK
- Safari : 4.0.3 : OK

Bon, y a plus qu'à chercher la solution

Posté le : 19/08/2010 10:04

Il n'y a qu'une chose que vous pouvez changer dans l'Univers : c'est Vous-Même !
Partager Twitter Partagez cette article sur GG+
Re: template module extgallery
Xoops accro
Inscrit: 16/08/2005 19:46
De Nanterre
Messages: 2331
Bonjour Xmouse,
Peut être un départ de piste...
labs.xoofoo.org
J'avoue que là... cela m'échappe un peu.
Bonne journée

Posté le : 20/08/2010 02:56
Partager Twitter Partagez cette article sur GG+
Re: template module extgallery
Régulier
Inscrit: 24/01/2008 09:20
De Moselle
Messages: 169
Le résultat est super et m'intéresse également.
Par contre j'ai une question un peu "simplette".
Du coup pour ton affichage tu as fait un montage pour ajouter le nom de la catégorie sur la photo, puis choisit cette photo en vignette?
Car du coup là si je comprend bien le titre de la catégorie ne s'affiche plus du tout.
Le même résultat m'aurait bien branchée en gardant l'affichage du nom de la catégorie.

Bon j'ai trouvé un intermédiaire, c'est pas encore parfait mais j'ai au moins supprimé les 2 colonnes de droite. Par contre il semblerait qu'IE n'aime pas mes modifs non plus

Posté le : 26/08/2010 09:48
Partager Twitter Partagez cette article sur GG+
Re: template module extgallery
Semi pro
Inscrit: 04/08/2005 14:16
De Quelque part dans les étoiles...
Messages: 1141
En fait, j'ai créé moi même toutes les vignettes des catégories. Ensuite, dans l'admin du module j'ai choisi pour chaque catégorie la photo correspondante.

C'est vrai qu'il y a toujours un problème avec Internet Explorer, mais vivement la version 9... peut-être que cette fois ce problème d'affichage sera résolu, car j'ai toujours pas trouvé la solution.

Posté le : 26/08/2010 19:52

Il n'y a qu'une chose que vous pouvez changer dans l'Univers : c'est Vous-Même !
Partager Twitter Partagez cette article sur GG+
Re: template module extgallery
Régulier
Inscrit: 24/01/2008 09:20
De Moselle
Messages: 169
Bon je verrai à l'occasion pour faire un montage sympa pour faire des vignettes avec le nom de l'album dessus.

Pour le moment le résultat me satisfait à peu près:
http://www.s149789846.onlinehome.fr/x ... ules/extgallery/index.php

Sachant que j'ai encore un souci avec une catégorie pour laquelle je n'arrive pas à sélectionner de vignette mais c'est un tout autre souci

Posté le : 27/08/2010 08:18
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

34 Personne(s) en ligne (23 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 34 | Plus ...