Mon 11 May |
|
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 Updated on Thursday, 26 November 2009 09:59 |

































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 This e-mail address is being protected from spambots. You need JavaScript enabled to view it
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.