•  » Styles
  •  » [stripped] personalisation sous menu categories

#1 2013-08-22 11:48:21

patfrwar
Membre
Tours
2011-05-24
164

[stripped] personalisation sous menu categories

Bonjour

J'ai à peut près réussi à transformer le menu vertical du style stripped en horizontal
je cherche à peaufiner les sous menus
actuellement je suis su celui des catégories
je souhaiterai afficher en fait une petite icone style flèche pour indiquer qu'il y a des sous categories
je ne vois pas comment procéder, la flèche je souhaite la faire en CSS, sans fichier gif

voici mon Categories.tpl :
<dt class="MyBtnMenu">
    <a href="{$block->data.U_CATEGORIES}">{'Albums'|@translate}</a>
</dt>
<dd>
    {assign var='ref_level' value=0}
    {foreach from=$block->data.MENU_CATEGORIES item=cat}
        {if $cat.LEVEL > $ref_level}
            <ul class="menubar">
        {else}
            </li>
            {'</ul></li>'|@str_repeat:$ref_level-$cat.LEVEL}
        {/if}
        <li {if $cat.SELECTED}class="MyClMenuNav"{/if}>
            <a href="{$cat.URL}" {if $cat.IS_UPPERCAT}rel="up"{/if} title="{$cat.TITLE}">{$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" class="icon" alt="(!)">
            {/if}
            {if $cat.count_images > 0}
                <span class="{if $cat.nb_images > 0}menuInfoCat{else}menuInfoCatByChild{/if}" title="{$cat.TITLE}">[{$cat.count_images}]</span>
            {/if}
            {assign var='ref_level' value=$cat.LEVEL}
    {/foreach}
    {'</li></ul>'|@str_repeat:$ref_level}

    <p class="totalImages">{$pwg->l10n_dec('%d photo', '%d photos', $block->data.NB_PICTURE)}</p>
</dd></dd>

la flèche en css sera du style :
.fleche:after {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border-top: 9px solid transparent;   
            border-bottom: 8px solid transparent;
            border-left: 15px solid hsla(0,0%,40%,1);
            position: absolute;
            top: 50%;
            margin-top: -8px;
            left: 100%;
            z-index: 2;
        }   


merci d'avance pour vos lumières
Cdlt


Images attachées

Hors ligne

#2 2014-02-04 14:55:34

patfrwar
Membre
Tours
2011-05-24
164

Re: [stripped] personalisation sous menu categories

bonjour

apres avoir bricolé dans d'autres fonctions de piwigo, je me relance dans mon menu Catégorie

j'aimerai bien avancé sur ce point car cette étape étant franchie, je serait  à même de mettre ma galerie en ligne

Actuellement j'ai comme apparence de menu les 3 dernières copie d'écrans.
On constate déjà une anomalie, le sous menu ne démarre pas à la hauteur du menu parent mais en haut
et je n'ai que 2 niveaux d'albums, le parent et le fils, mais pas les autres sous-fils .....

ensuite grâce au css j'aimerai bien arriver au menu présenté sur la première copie d'écran qui vient du lien : 
http://www.red-team-design.com/wp-conte … -demo.html

donc je m'attaque au template categories.tpl et je sioouhaiterai savoir à quoi correspondent toutes les rubriques de la variable $cat

qui par exemple pour un album "parent" me donne :


"3" -----> Numero de la catégorie dans la BDD
"Île de Berder - Mai 2013" -----> intitulé de la catégorie
null
"0"
"2"
null
"2013-06-09 01:06:07"  --------->
"684"  ----------------> Nb de photo de la  catégorie et des sous catégories
"8" -----------> Nb de sous catégories et sous-sous catégories ...
"Île de Berder - Mai 2013"
"684 photos dans 8 sous-albums"
"index.php?/category/3"  ------------> lien vers la catégorie
1
false
false
Array (0)

    * Île de Berder - Mai 2013
   
Il me manque donc le reste des autres infos, si l'un d'entre vous peu me renseigner  je suis preneur

cdlt
Patrick


Images attachées

Dernière modification par patfrwar (2014-02-04 16:40:54)

Hors ligne

#3 2014-02-04 16:43:22

Cristofoto
Membre
2011-09-17
11

Re: [stripped] personalisation sous menu categories

ce serait pas un probleme de margin-top dans ton css ?
ou encore de display:block ?

Mais en tout cas j'opterai pour une chtouille dans le css

une url pour voir en vrai ?

Dernière modification par Cristofoto (2014-02-04 16:53:15)

Hors ligne

  •  » Styles
  •  » [stripped] personalisation sous menu categories

Pied de page des forums

Propulsé par FluxBB

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