[Résolu] separateur de breadcrumbs ou fil d'ariane &raquo indésirable

[Jean le Chauve]

ATTENTION, lis d'abord le post suivant et n'applique celui-ci que dans le cas où l'autre ne fonctionne pas.

Remplace le gabarit par celui-ci :

Code :

{if isset($nodelist)}
{strip}
<ul class="breadcrumbs">
{foreach from=$nodelist item='node'}
    {if $node->current == true}
       <li class="current">{$node->menutext}</li>
    {elseif ($node->url == '' or $node->url == '#') && $node->type != 'sectionheader'}
       <li>&frasl;&nbsp;</li>
    {elseif $node->type == 'sectionheader'}  
       <li>{$node->menutext}&nbsp;</li>
    {else}
       <li><a href="{$node->url}" title="{$node->menutext}">{$node->menutext}&nbsp;</a></li>
    {/if}
{/foreach}
</ul>
{/strip}
{/if}

Va dans la css http://cluster015.ovh.net/~hgraffit/cmsm...on.min.css et mets en commentaires la propriété suivante de cette manière :

Code :

/* .breadcrumbs > *:before {
    color: #AAAAAA;
    content: "/";
    margin: 0 0.75rem;
    position: relative;
    top: 1px;
} */

Si tu souhaites modifier l'écartement, change la valeur du margin dans cette propriété (ex : .2rem au lieu de 0) :

Code :

.breadcrumbs > * {
    float: left;
    font-size: 0.6875rem;
    margin: .2rem;
    text-transform: uppercase;
}

Si c'est résolu, je te demanderai de modifier le titre du topic par "[Résolu]Breadcrumbs fil d'ariane personnalisé". Ton humour est sympa, mais le topic ne sera pas trouvé par la recherche pour le mot clé "breadcrumbs" ou "fil d'ariane" et ne pourra donc pas être accessible par d'autres lecteurs (idem pour tes prochains topics)

[Jean le Chauve]

ATTENTION, lis d'abord le post suivant et n'applique celui-ci que dans le cas où l'autre ne fonctionne pas.

Remplace le gabarit par celui-ci :

Code :

{if isset($nodelist)}
{strip}
<ul class="breadcrumbs">
{foreach from=$nodelist item='node'}
    {if $node->current == true}
       <li class="current">{$node->menutext}</li>
    {elseif ($node->url == '' or $node->url == '#') && $node->type != 'sectionheader'}
       <li>&frasl;&nbsp;</li>
    {elseif $node->type == 'sectionheader'}  
       <li>{$node->menutext}&nbsp;</li>
    {else}
       <li><a href="{$node->url}" title="{$node->menutext}">{$node->menutext}&nbsp;</a></li>
    {/if}
{/foreach}
</ul>
{/strip}
{/if}

Va dans la css http://cluster015.ovh.net/~hgraffit/cmsm...on.min.css et mets en commentaires la propriété suivante de cette manière :

Code :

/* .breadcrumbs > *:before {
    color: #AAAAAA;
    content: "/";
    margin: 0 0.75rem;
    position: relative;
    top: 1px;
} */

Si tu souhaites modifier l'écartement, change la valeur du margin dans cette propriété (ex : .2rem au lieu de 0) :

Code :

.breadcrumbs > * {
    float: left;
    font-size: 0.6875rem;
    margin: .2rem;
    text-transform: uppercase;
}

Si c'est résolu, je te demanderai de modifier le titre du topic par "[Résolu]Breadcrumbs fil d'ariane personnalisé". Ton humour est sympa, mais le topic ne sera pas trouvé par la recherche pour le mot clé "breadcrumbs" ou "fil d'ariane" et ne pourra donc pas être accessible par d'autres lecteurs (idem pour tes prochains topics)

[Jean le Chauve]

Sans avoir testé, tu pourrais d'abord essayer ce gabarit qui ne nécessite pas de modification des css :

Code :

{if isset($nodelist)}
{strip}
<ul class="breadcrumbs">
{foreach from=$nodelist item='node'}
    {if $node->current == true}
       <li class="current">{$node->menutext}</li>
    {elseif ($node->url == '' or $node->url == '#') && $node->type != 'sectionheader'}
    {elseif $node->type == 'sectionheader'}  
       <li>{$node->menutext}&nbsp;</li>
    {else}
       <li><a href="{$node->url}" title="{$node->menutext}">{$node->menutext}&nbsp;</a></li>
    {/if}
{/foreach}
</ul>
{/strip}
{/if}

[Jean le Chauve]

Sans avoir testé, tu pourrais d'abord essayer ce gabarit qui ne nécessite pas de modification des css :

Code :

{if isset($nodelist)}
{strip}
<ul class="breadcrumbs">
{foreach from=$nodelist item='node'}
    {if $node->current == true}
       <li class="current">{$node->menutext}</li>
    {elseif ($node->url == '' or $node->url == '#') && $node->type != 'sectionheader'}
    {elseif $node->type == 'sectionheader'}  
       <li>{$node->menutext}&nbsp;</li>
    {else}
       <li><a href="{$node->url}" title="{$node->menutext}">{$node->menutext}&nbsp;</a></li>
    {/if}
{/foreach}
</ul>
{/strip}
{/if}

[jcpapa]

Bon, alors là... respect !
Chapeau votre Seigneurie... !
Tout fonctionne avec la dernière solution et sans modifier le CSS...
J'avais essayé la solution précédente qui me remplaçait les guillemets par des "/" noirs.
Et même en modifiant le CSS, cela ne changeait rien.
Bravo, c'est la dernière solution qui fonctionne.
Je te remercie beaucoup pour parfaite cette contribution.
Une très bonne journée...
Cordialement

[jcpapa]

Bon, alors là... respect !
Chapeau votre Seigneurie... !
Tout fonctionne avec la dernière solution et sans modifier le CSS...
J'avais essayé la solution précédente qui me remplaçait les guillemets par des "/" noirs.
Et même en modifiant le CSS, cela ne changeait rien.
Bravo, c'est la dernière solution qui fonctionne.
Je te remercie beaucoup pour parfaite cette contribution.
Une très bonne journée...
Cordialement

[jissey]

Bonjour à tous,
je suis sur une autre problématique (MLE), mais ça m'a fait chercher du même côté, alors je complète pour donner des infos et des idées aux prochains qui passeront.
Pour apporter mon gravier à l'édifice, voici le résultat de mes recherches :
l'action breadcrumbs ou son raccourci cms_breadcrumbs génère des noeuds (dans notre cas des pages) fictifs avec :

Code :

[== Indéfini ==]
stdClass Object (
[id] => -1
[pagetitle] => »
[url] => #
[type] => separator
[menutext] => »

On peut donc tester différentes variables pour détecter le séparateur...

[jissey]

Bonjour à tous,
je suis sur une autre problématique (MLE), mais ça m'a fait chercher du même côté, alors je complète pour donner des infos et des idées aux prochains qui passeront.
Pour apporter mon gravier à l'édifice, voici le résultat de mes recherches :
l'action breadcrumbs ou son raccourci cms_breadcrumbs génère des noeuds (dans notre cas des pages) fictifs avec :

Code :

[== Indéfini ==]
stdClass Object (
[id] => -1
[pagetitle] => »
[url] => #
[type] => separator
[menutext] => »

On peut donc tester différentes variables pour détecter le séparateur...

[jissey]

@jcpapa
je me suis permis de modifier le titre car ça serait dommage que tout le travail de Sa Seigneurrrrerie ne soit pas utile à d'autres à travers le moteur de recherche.

[jissey]

@jcpapa
je me suis permis de modifier le titre car ça serait dommage que tout le travail de Sa Seigneurrrrerie ne soit pas utile à d'autres à travers le moteur de recherche.