Difference between revisions of "Customising the Beez template/header/logo"
From Joomla! Documentation
< J1.5:Customising the Beez template | header
Bembelimen (talk | contribs) (New page: == HTML Reference == <source lang="text"> <!-- index.php line 43-46 --> <h1 id="logo"> <img src="<?php echo $this->baseurl ?>/templates/beez/images/logo.gif" border="0" alt="<?php ec...) |
Bembelimen (talk | contribs) (Updated includes) |
||
| Line 71: | Line 71: | ||
</source> | </source> | ||
| − | [[Customising the Beez template/layout.css|layout.css]] | + | :Storage location: [[Customising the Beez template/layout.css|layout.css]] |
==== Secondary Classes ==== | ==== Secondary Classes ==== | ||
| Line 90: | Line 90: | ||
</source> | </source> | ||
| − | [[Customising the Beez template/position.css|position.css]] | + | :Storage location: [[Customising the Beez template/position.css|position.css]] |
<source lang="css"> | <source lang="css"> | ||
| Line 103: | Line 103: | ||
</source> | </source> | ||
| − | [[Customising the Beez template/layout.css|layout.css]] | + | :Storage location: [[Customising the Beez template/layout.css|layout.css]] |
| − | + | {{:Customising the Beez template/CSS/position.css/*}} | |
| − | |||
| − | |||
| − | |||
| − | { | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
=== #logo img === | === #logo img === | ||
| Line 132: | Line 122: | ||
</source> | </source> | ||
| − | [[Customising the Beez template/layout.css|layout.css]] | + | :Storage location: [[Customising the Beez template/layout.css|layout.css]] |
==== Secondary Classes ==== | ==== Secondary Classes ==== | ||
| Line 142: | Line 132: | ||
</source> | </source> | ||
| − | [[Customising the Beez template/position.css|position.css]] | + | :Storage location: [[Customising the Beez template/position.css|position.css]] |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | {{:Customising the Beez template/CSS/position.css/*}} | |
=== #logo span === | === #logo span === | ||
| Line 173: | Line 153: | ||
</source> | </source> | ||
| − | [[Customising the Beez template/layout.css|layout.css]] | + | :Storage location: [[Customising the Beez template/layout.css|layout.css]] |
==== Secondary Classes ==== | ==== Secondary Classes ==== | ||
| Line 188: | Line 168: | ||
</source> | </source> | ||
| − | [[Customising the Beez template/position.css|position.css]] | + | :Storage location: [[Customising the Beez template/position.css|position.css]] |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | {{:Customising the Beez template/CSS/position.css/*}} | |
[[Category:Beez]] | [[Category:Beez]] | ||
[[Category:Customizing Beez]] | [[Category:Customizing Beez]] | ||
Revision as of 23:14, 14 December 2008
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 43-46 -->
<h1 id="logo">
<img src="<?php echo $this->baseurl ?>/templates/beez/images/logo.gif" border="0" alt="<?php echo JText::_('Logo Beez, Three little Bees'); ?>" width="300" height="97" />
<span class="header1"><?php echo JText::_('Joomla Accessible Template'); ?></span>
</h1>Replace the Image[edit]
Replace the path
/templates/beez/images/logo.gifor upload a new "logo.gif" with your ftp client
Replace the alt text[edit]
JText::_('Logo Beez, Three little Bees');Search the language file en-GB.tpl_beez.ini for "LOGO BEEZ, THREE LITTLE BEES=Logo Beez, Three little Bees" and edit it:
/* #### en.GB.tpl_beez.ini line 18 #### */
LOGO BEEZ, THREE LITTLE BEES=Your text here!Replace the headline text[edit]
JText::_('Joomla Accessible Template');Search the language file en-GB.tpl_beez.ini for "JOOMLA ACCESSIBLE TEMPLATE=Joomla! accessible Template" and edit it:
/* #### en.GB.tpl_beez.ini line 15 #### */
JOOMLA ACCESSIBLE TEMPLATE=Your text here!CSS Reference[edit]
#logo[edit]
The following classes and ids will influence the "box" enclosing the image and the text. Please notice the ordering. Every CSS attribute will be overwritten by the class above.
Main Class[edit]
/* #### layout.css line 137-146 #### */
#logo
{
font-size:1em !important;
font-weight:bold !important;
position:relative;
text-align:left;
text-transform:none !important;
z-index:0;
margin-top:1em;
}- Storage location: layout.css
Secondary Classes[edit]
/* #### position.css line 128-137 #### */
#logo
{
font-size: 1em !important;
font-weight: bold !important;
position: relative;
text-align: left;
text-transform: none !important;
z-index: 0;
margin-top: 1em;
}- Storage location: position.css
/* #### layout.css line 130-135 #### */
#header h1
{
font-size:1.5em;
font-weight:normal;
text-transform:uppercase;
}- Storage location: layout.css
/* ##### position.css line 15-19 #### */
*
{
margin: 0;
padding: 0;
}- Further information: position.css/*
- Storage location: position.css
#logo img[edit]
The following classes and ids will influence the image itself. Please notice the ordering. Every CSS attribute will be overwritten by the class above.
Main Class[edit]
/* #### layout.css line 148-151 #### */
#logo img
{
display:block;
}- Storage location: layout.css
Secondary Classes[edit]
/* ##### position.css line 139 #### */
#logo img { display: block; }- Storage location: position.css
/* ##### position.css line 15-19 #### */
*
{
margin: 0;
padding: 0;
}- Further information: position.css/*
- Storage location: position.css
#logo span[edit]
The following classes and ids will influence the Text below the image. Please notice the ordering. Every CSS attribute will be overwritten by the class above.
Main Class[edit]
/* ##### layout.css line 153-158 #### */
#logo span
{
display:block;
margin:0 0 2px 100px !important;
border-bottom:solid 1px #666;
}- Storage location: layout.css
Secondary Classes[edit]
/* ##### position.css line 141-146 #### */
#logo span
{
display: block;
margin: 0px 0 0 100px !important;
border-bottom: solid 1px #666;
}- Storage location: position.css
/* ##### position.css line 15-19 #### */
*
{
margin: 0;
padding: 0;
}- Further information: position.css/*
- Storage location: position.css