J1.5

Customising the Beez template/header/breadcrumbs

From Joomla! Documentation

< J1.5:Customising the Beez template‎ | header
Revision as of 14:31, 26 April 2013 by JoomlaWikiBot (talk | contribs) (→‎Secondary Classes: clean up - archiving)
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

The "J1.5" namespace is an archived namespace. This page contains information for a Joomla! version which is no longer supported. It exists only as a historical reference, it will not be improved and its content may be incomplete and/or contain broken links.

HTML Reference[edit]

<!-- index.php line 72-77 -->
<div id="breadcrumbs">
    <p>
        <?php echo JText::_('You are here'); ?>
        <jdoc:include type="modules" name="breadcrumb" />
    </p>
</div>

Replace You are here[edit]

JText::_('You are here');

Search the language file en-GB.tpl_beez.ini for "YOU ARE HERE=You are here:" and edit it: 

/* #### en.GB.tpl_beez.ini line 25 #### */

YOU ARE HERE=Your text here!

CSS Reference[edit]

#breadcrumbs[edit]

The following classes and ids will influence the whole breadcrumbs "box". Please notice the ordering. Every CSS attribute will be overwritten by the class above.

Main Class[edit]

/* #### layout.css line 324-330 #### */

#breadcrumbs {
    background:#93246F;
    min-height:5em;
    padding-top:0;
    text-align:left;
    color:#fff;
}
Storage location: layout.css

Secondary Classes[edit]

/* ##### position.css line 15-19 #### */

*
{
    margin: 0;
    padding: 0;
}
Further information: position.css/*
Storage location: position.css

#breadcrumbs p[edit]

The following classes and ids will influence the breadcrumbs "paragraph". Please notice the ordering. Every CSS attribute will be overwritten by the class above.

Main Class[edit]

/* #### layout.css line 332-335 #### */

#breadcrumbs p {
    padding:5px;
    display:inline;
}
Storage location: layout.css

Secondary Classes[edit]

/* ##### layout.css line 65-68 #### */

p {
    line-height:1.4em;
    margin:5px 0;
}
Further information: layout.css/p
Storage location: layout.css
/* ##### position.css line 15-19 #### */

*
{
    margin: 0;
    padding: 0;
}
Further information: position.css/*
Storage location: position.css

#breadcrumbs span[edit]

The following classes and ids will influence the breadcrumbs itself. Please notice the ordering. Every CSS attribute will be overwritten by the class above.

Main Class[edit]

/* #### layout.css line 350-355 #### */

#breadcrumbs span {
    color:#fff;
    font-size:0.9em;
    padding:7px;
}
Storage location: layout.css

Secondary Classes[edit]

/* ##### position.css line 15-19 #### */

*
{
    margin: 0;
    padding: 0;
}
Further information: position.css/*
Storage location: position.css

#breadcrumbs a[edit]

The following classes and ids will influence the breadcrumbs link. Please notice the ordering. Every CSS attribute will be overwritten by the class above.

Main Class[edit]

/* #### layout.css line 345-348 #### */

#breadcrumbs a:link,#breadcrumbs a:visited {
    background:#93246F;
    color:#fff;
}
Storage location: layout.css
/* #### layout.css line 356-360 #### */

#breadcrumbs span a:hover,#breadcrumbs span a:active,#breadcrumbs span a:focus {
    background:#000;
    color:#fff;
    text-decoration:none;
}
Storage location: layout.css

Secondary Classes[edit]

/* #### layout.css line 341-343 #### */

#breadcrumbs a {
    text-transform:none;
}
Storage location: layout.css
/* ##### layout.css line 14-16 #### */

a:link,a:visited
{
    color:#000;
}
Further information: layout.css/a:link,a:visited
Storage location: layout.css
/* ##### layout.css line 19-23 #### */

a:hover,a:active,a:focus
{
    background:#000;
    color:#FFF;
}
Further information: layout.css/a:hover,a:active,a:focus
Storage location: layout.css
/* ##### position.css line 15-19 #### */

*
{
    margin: 0;
    padding: 0;
}
Further information: position.css/*
Storage location: position.css
Retrieved from "https://docs.joomla.org/index.php?title=J1.5:Customising_the_Beez_template/header/breadcrumbs&oldid=85392"