•  » Styles
  •  » [Résolu] Modifier la page albums

#1 2012-02-02 17:28:33

makno
Membre
Nantes
2007-10-24
1273

[Résolu] Modifier la page albums

Bonjour

Actuellement, ma page "album" (ancienne page d'accueil par défaut) ressemble à ceci (album1)

Je souhaiterais qu'elle ressemble, par exemple, à ce que j'ai réalisé avec Firebug (album2)

Voici le code copié avec Firebug:

Code:

<ul class="thumbnailCategories" style="margin-top: 60px;">
<li class="odd0" onclick="window.location='index.php?/category/Apercu';" style="margin-right: 20px;">
<li class="odd1" onclick="window.location='index.php?/category/1125';" style="margin-right: 20px; margin-left: 20px;">
<li class="odd0" onclick="window.location='index.php?/category/Projets_2008_2009';" style="margin-right: 20px; margin-left: 20px;">
<li class="odd1" onclick="window.location='index.php?/category/651';" style="margin-left: 20px;">
</ul>

ma question est : comment est-ce que je peux écrire ça dans mon local/css/rule.css pour obtenir ce résultat ? Est-ce possible ? je sèche...


Instants de Scènes, c'est là ! Sur mon site, vous trouverez 600 projets artistiques et 20 000 photos dans tous les domaines des arts vivants : théâtre, clown, danse, arts de la rue, conte, cirque, etc...

Hors ligne

#2 2012-02-02 17:41:29

Gotcha
Ex Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: [Résolu] Modifier la page albums

Code:

ul.thumbnailCategories {}

li.odd0 {}

Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#3 2012-02-02 18:03:36

flop25
Équipe Piwigo
2006-07-06
6544

Re: [Résolu] Modifier la page albums

http://fr.piwigo.org/doc/lib/exe/fetch. … 131211.png : à droite le code CSS qui s'applique à la balise html sélectionnée

à gauche le code html et la balise en question

Ici vous avez tapez votre code
margin-right: 20px; margin-left: 20px;
à droite vous avez element.style car du coup vous avez modifié à tors le code html directement
en fait
ul.thumbnailCategories li { margin-right: 20px; margin-left: 20px; }

Hors ligne

#4 2012-02-02 18:35:32

makno
Membre
Nantes
2007-10-24
1273

Re: [Résolu] Modifier la page albums

Merci pour vos réponses

Et voici donc mon problème précis : si j’agis sur "ul.thumbnailCategories" et "ul.thumbnailCategories li", c'est toutes mes "thumbnailCategories" qui se trouvent modifiées, et pas seulement celles sur cette page....or je ne veux agir que sur cette page...

Alors peut-être en ajoutant quelque chose à "ul.thumbnailCategories li" qui permette de modifier un lien précis sur mon site, mais quoi ?

Flop25 : en fait, je me suis contenté de modifier des valeurs dans l'onglet apparence de la fenêtre de droite, et c'est Firebug qui l'a traduit ainsi...

Dernière modification par makno (2012-02-02 18:40:59)


Instants de Scènes, c'est là ! Sur mon site, vous trouverez 600 projets artistiques et 20 000 photos dans tous les domaines des arts vivants : théâtre, clown, danse, arts de la rue, conte, cirque, etc...

Hors ligne

#5 2012-02-03 15:04:33

Gotcha
Ex Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: [Résolu] Modifier la page albums

Et avec :
ul.thumbnailCategories li.odd0 {}

?

Je ne me souviens pas de classe odd0 et odd1.


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#6 2012-02-03 15:24:39

Zaphod
Former Piwigo Team
Toulouse
2006-11-13
2422

Re: [Résolu] Modifier la page albums

C'est une classe spécifique à stripped (reprise de gally) qui permet d'avoir les miniatures alternativement à droite et à gauche quand on choisit d'avoir un album par ligne.
Elle y est donc sur tous les albums.

Je pense que la solution c'est de mettre un DIV supplémentaire dans la description de la catégorie.
(qui entourent les balises [img])

Dernière modification par Zaphod (2012-02-03 15:24:59)

Hors ligne

#7 2012-02-03 15:27:09

Gotcha
Ex Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: [Résolu] Modifier la page albums

Merci Zaphod pour la précision.


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#8 2012-02-03 16:27:24

makno
Membre
Nantes
2007-10-24
1273

Re: [Résolu] Modifier la page albums

Merci pour vos réponses

Je ne sais pas trop bien où placer cette DIV. j'ai pensé à la création d'une template-extension sur la base de "mainpage.categories.tpl" qui contient ceci dans Stripped :

Code:

{php}
  global $stripped;
  $this->assign( 'stripped', $stripped );
{/php}
<ul class="thumbnailCategories">
  {foreach from=$category_thumbnails item=cat name=catloop}
  <li class="odd{if ($smarty.foreach.catloop.iteration-1) % 2 == 0}0{else}1{/if}" {if ($stripped.albumFrame)}onclick="window.location='{$cat.URL}';"{/if}>
  <div class="thumbnailCategory">
    <div class="illustration">
      <a href="{$cat.URL}">
        <img src="{$cat.TN_SRC}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}">
      </a>
    </div>
    <div class="description">
      <h3>
        <a href="{$cat.URL}">{$cat.NAME}</a>
        {if !empty($cat.icon_ts)}
        <img title="{$cat.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent{if $cat.icon_ts.IS_CHILD_DATE}_by_child{/if}.png" alt="(!)">
        {/if}
      </h3>
      <div class="text" {if !$stripped.albumFrame}onclick="window.location='{$cat.URL}';"{/if}>
          {if isset($cat.INFO_DATES) }
          <p class="dates">{$cat.INFO_DATES}</p>
          {/if}
          <p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>
          {if not empty($cat.DESCRIPTION)}
          <p>{$cat.DESCRIPTION}</p>
          {/if}
      </div>
    </div>
  </div>
  </li>
  {/foreach}
</ul>

Mais je ne sais pas si c'est la bonne piste, et où mettre cette DIV là-dedans...


Instants de Scènes, c'est là ! Sur mon site, vous trouverez 600 projets artistiques et 20 000 photos dans tous les domaines des arts vivants : théâtre, clown, danse, arts de la rue, conte, cirque, etc...

Hors ligne

#9 2012-02-04 12:16:47

Zaphod
Former Piwigo Team
Toulouse
2006-11-13
2422

Re: [Résolu] Modifier la page albums

Je pensais que tu parlais de ta page "à la une" en fait.
Différencier les albums à la racine des autres... c'est une bonne question... que je vais me poser bientôt certainement puisque c'est ce que j'ai en tête pour mon site.

Une manière un peu lourde de faire, ça serait d'avoir deux thèmes différents (dont un thème enfant qui aura juste le css en plus), et de les affecter à chaque album.

Mais il y a des inconvénients, notamment contactform s'applique mal aux thèmes enfants de stripped (il ne prend pas le bon template).

Hors ligne

#10 2012-02-04 12:30:59

makno
Membre
Nantes
2007-10-24
1273

Re: [Résolu] Modifier la page albums

Oui, j'avais pensé à cette solution du thème enfant. Mais j'en conviens, c'est un peu lourd.

L'inconvénient dont tu parles doit pouvoir être évité en affectant le thème uniquement à cette page, sans répercussion sur les catégories filles, (ce qui est prévu dans Theme Changer), qui garderont donc les qualités du thème principal.

D'une manière plus générale, maintenant que la création d'une page personnelle d'accueil est une facilité qui fait de plus en plus d'adeptes, ne serait-il pas temps que la page d'accueil par défaut qui devient une page racine des catégories puisse être modifié par l'utilisateur, à travers template extension par exemple ?

Dernière modification par makno (2012-02-04 12:33:46)


Instants de Scènes, c'est là ! Sur mon site, vous trouverez 600 projets artistiques et 20 000 photos dans tous les domaines des arts vivants : théâtre, clown, danse, arts de la rue, conte, cirque, etc...

Hors ligne

#11 2012-02-04 13:48:23

makno
Membre
Nantes
2007-10-24
1273

Re: [Résolu] Modifier la page albums

Je suis passé par la solution du thème enfant et ça marche plutôt bien. J'ai créé un thème avec juste Thème .css et theme.conf.inc.php, je l'ai mis actif par défaut, et j'obtiens des modifs dans les pages de mes catégories, comme je le voulais. Et ça m’ouvre des perspectives :)

Pour moi qui ne suit pas une bête en manipulation, ça m'a pris 20 minutes, c'est dire si c'est accessible...


Instants de Scènes, c'est là ! Sur mon site, vous trouverez 600 projets artistiques et 20 000 photos dans tous les domaines des arts vivants : théâtre, clown, danse, arts de la rue, conte, cirque, etc...

Hors ligne

  •  » Styles
  •  » [Résolu] Modifier la page albums

Pied de page des forums

Propulsé par FluxBB

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