Lun 11 Mai |
|
The standard Joomla 1.5 breadcrumbs display can be quite plain. Here's how to brighten it up a bit.
You can add a text separator via the mod_breadcrumbs dialogue but it still doesn't do much for the display. You can also paste in a full url to an image file, for example - <img src="http://gjcwebdesign/templates/gjcwebdesign/images/arrow.png" border="0" alt="arrow" /> If you want to add a bit of text before the "Home" (believe me, loads of people have no idea what that list of words is at the top of the page!) then open joomla_root/modules/mod_breadcrumbs/tmpl/default.php and add straight after the access restriction - <?php // no direct access defined('_JEXEC') or die('Restricted access'); ?> You are here: <img src="http://gjcwebdesign.com/templates/gjcwebdesign/images/arrow.png" border="0" alt="arrow" /> <?php for ($i = 0; $i < $count; $i ++) : The "last" entry in the breadcrumb can be individually styled by adding a span id as below.. 13. echo ' '.$separator.' '; 14. } else if ($params->get('showLast', 1)) { // when $i == $count -1 and 'showLast' is true 15. echo '<span id="last">'.$list[$i]->name.'</span>'; and style it in your css sheet. The "You are here:" could also be: <?php echo JText::_( 'HERE')?>for a multilingual site. Ad the translation in the language/en-GB/en-GB.mod_breadcrumbs.ini . You can style the breadcrumb containing div with a background colour or image, just look at the template code to find the div surrounding the line jdoc:include type="modules" name="breadcrumb" or check it in Firebug. Much nicer.... ![]() |
| LAST_UPDATED2 |

































Start of my code like this:
"Restricted access", then some "span class" and then start the default cycle
(this "span" was been before me
I try to put "you are here" in different places: before and behind the "span" - and this stupid breadcrmbs still dont show me my lovely "You are here"
I think the trouble in this "span", but i dont know how to fix it
If someone can help me, please write me on Cette adresse email est protégée contre les robots des spammeurs, vous devez activer Javascript pour la voir.
Thanks.
P.S.: sorry if my english scare someone
I was checking the website useability in http://nibbler.silktide.com and one of the recommendation was to add size to images like the arrow.
any idea how to do that?
I would make one recommendation: Instead of modifying the file that is installed with Joomla (joomla_root/modules/mod_breadcrumbs/tmpl/default.php), I created an override of that file in my template directory (joomla_root/templates/my_template_dir/html/mod_breadcrumbs/default.php) and modified my override file. This technique means that my change won't get overwritten the next time I upgrade my Joomla version.
I cant post the code here, but I added "You are here:" just below the "span Class = breadcrumbs pathway" line and above the "php for" line.
You can see this working at http://www.stonedeer.com
Hope that helps someone.