[RÉGLÉ] Breadcrumbs: Couleur du séparateur texte "/"

[Ant1]

Bonjour,

J'utilise le module Breadcrumbs en entête de mon site.
Pour la cohérence graphique, j'aimerais faire en sorte d'avoir le séparateur texte du breadcrumbs par défaut "/" de la même couleur que les liens.

J'ai:
nom du site/info/ressources/article

et j'aimerais avoir:
nom du site/info/ressources/article

Je n'arrive pas à isoler le "/" du reste du texte et je ne souhaite pas utiliser d'image.

De manière plus globale est-il possible de styler les différents items du breadcrumbs?

Quelqu'un pourrait-il me donner un coup de main, me dire si cela est possible?

Merci d'avance!

[tataye]

Re : Breadcrumbs: Couleur du séparateur texte "/"

un lien peut être ?

[Ant1]

Re : Breadcrumbs: Couleur du séparateur texte "/"

tatye: Merci de ta réponse; je travaille en local: donc pas de lien, désolé. Mais je pensais que ma question était bien illustrée par les "breadcrumbs" simulé en texte. Ce n'est pas le cas?

[tataye]

Re : Breadcrumbs: Couleur du séparateur texte "/"

ben non parce que le mieux c'est qu'on puisse analyser directement le code css
selon ton template, tes composants etc , les codes css ne sont pas les mêmes
as tu analysé avec des extensions comme webdevelopper ou firebug ?

[Ant1]

Re : Breadcrumbs: Couleur du séparateur texte "/"

j'utilise Joomla 1.6.6, les seules extensions rajouter sont ARI Imageslider et phoca Gallery. Le site est plutot minimaliste avec peu de contenu.
Le seul CCS rajouter au niveau du breadcrumbs est:

.breadcrumbs{
font-family: BebasRegular,sans-serif;
font-size: 2em;
line-height: 2em;
word-spacing:3px;
text-align:left;
}

Sur Firebug je ne parviens pas à isoler le "/"
Voici la partie concernant le breadcrumbs:

<div class="breadcrumbs">
*¶
<a class="pathway" href="/Ant-1_V6/index.php/fr/">Ant-1</a>
*·/*·
<a class="pathway" href="/Ant-1_V6/index.php/fr/2011-08-04-20-49-37/actualite">Info</a>
*·/*·
<span>Actualité</span>
</div>

On voit que le "/" n'a ni class ni div....

En fait e seul moyen de changer l'apparence du "/" est de changer celle du module.
Un autre solution serait de changer uniquement l'apparence du contenu vu (le dernier de la chaine du breadcrumbs) mais ca non-plus je n'y arrive pas (indépendamment du "/".

[tataye]

Re : Breadcrumbs: Couleur du séparateur texte &quot;/&quot;

ton / a la class du div breadcrumbs et tes liens ont la class pathway en +
essaye de jouer dessus
si tu mets dans ton css breadcrumbs "color: red", qu'est ce que cela donne ?

[Ant1]

Re : Breadcrumbs: Couleur du séparateur texte &quot;/&quot;

Merci de ta réponse,

en effectuant ta manip. le / et le nom du dernier élément sont rouges.

Je n'ai pas de problèmes à différencier l'apparence du / et des liens: effectivement entre breadcrumb et breadcrumb+pathway je peux différencier.

Le problème est de différencier le / du dernier élément (cocher oui dans le mod breadcrumb en backend) en l'occurence: Actualité, car celui-ci s'affiche avec la même class (.breadcrumb) que le /.

voir :
*·/*·
<span>Actualité</span>


Est-ce possible de différencier les deux au niveau du CSS?

Peut-être la réponse est-elle dans le PHP qui appelle le /, peut-on spécifier une couleur? Je ne connais pas le PHP....

Merci de ta réponse.

[tataye]

Re : Breadcrumbs: Couleur du séparateur texte &quot;/&quot;

donc maintenant que tu sais que cela fonctionne
il faut que tu trouves le module breadcrumbs (je n'ai pas de 1.6 sous la main et il se fait tard) et que tu regardes les fichier php
en théorie, il devrait y avoir un fichier index.php et là tu devrais voir ce qui appelle tes /
tu devrais avoir la possibilité d'ajouter une div avec la class de ton choix

[Ant1]

Re : Breadcrumbs: Couleur du séparateur texte &quot;/&quot;

voila le default.php du module breadcrumb:
---------------------------------------------------------------
defined('_JEXEC') or die;
?>

<div class="breadcrumbs<?php echo $moduleclass_sfx; ?>">
<?php if ($params->get('showHere', 1))
{
echo '<span class="showHere">' .JText::_('MOD_BREADCRUMBS_HERE').'</span>';
}
?>
<?php for ($i = 0; $i < $count; $i ++) :

// If not the last item in the breadcrumbs add the separator
if ($i < $count -1) {
if (!empty($list[$i]->link)) {
echo '<a href="'.$list[$i]->link.'" class="pathway">'.$list[$i]->name.'</a>';
} else {
echo '<span>';
echo $list[$i]->name;
echo '</span>';
}
if($i < $count -2){
echo ' '.$separator.' ';
}
} else if ($params->get('showLast', 1)) { // when $i == $count -1 and 'showLast' is true
if($i > 0){
echo ' '.$separator.' ';
}
echo '<span>';
echo $list[$i]->name;
echo '</span>';
}
endfor; ?>
</div>
---------------------------------------------------------------
Je comprends qu'il faut ajouter une class ici: echo ' '.$separator.' ';

Mais ai aucune idée la forme que cela peut avoir.

Un dernier petit coup de pouce et j'y suis!

Merci encore

[tataye]

Re : Breadcrumbs: Couleur du séparateur texte &quot;/&quot;

echo '<div class=nom de ta class>';
echo ' '.$separator.' ';
echo '</div>';

si ça ne fonctionne pas essaye avec span
bonne nuit

[tataye]

Re : Breadcrumbs: Couleur du séparateur texte &quot;/&quot;

rectif, essaye avec span et /span tout de suite

[Ant1]

Re : Breadcrumbs: Couleur du séparateur texte &quot;/&quot;

Merci de ton aide, je m'en vais essayer cela. Bonne nuit.

[Ant1]

Re : Breadcrumbs: Couleur du séparateur texte &quot;/&quot;

Bravo!!
Avec le div, j'avais un retour à la ligne, avec span ca fonctionne!
Un grand merci! et bravo!!
Bonne nuit!