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:
<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...
Hors ligne
ul.thumbnailCategories {} li.odd0 {}
Hors ligne
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
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)
Hors ligne
Et avec :
ul.thumbnailCategories li.odd0 {}
?
Je ne me souviens pas de classe odd0 et odd1.
Hors ligne
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
Merci Zaphod pour la précision.
Hors ligne
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 :
{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...
Hors ligne
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
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)
Hors ligne
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...
Hors ligne