(Created page with "<noinclude>{{Languages|J1.5:Customising the Beez template/header/logo}}</noinclude> <noinclude><translate></noinclude> == HTML Reference == <source lang="text"> <!-- index.ph...") |
![]() |
Languages: |
English |
Contents |
<!-- 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 path
/templates/beez/images/logo.gif
or upload a new "logo.gif" with your ftp client
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!
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!
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.
/* #### 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; }
/* #### 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; }
/* #### layout.css line 130-135 #### */ #header h1 { font-size:1.5em; font-weight:normal; text-transform:uppercase; }
/* ##### position.css line 15-19 #### */ * { margin: 0; padding: 0; }
The following classes and ids will influence the image itself. Please notice the ordering. Every CSS attribute will be overwritten by the class above.
/* #### layout.css line 148-151 #### */ #logo img { display:block; }
/* ##### position.css line 139 #### */ #logo img { display: block; }
/* ##### position.css line 15-19 #### */ * { margin: 0; padding: 0; }
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.
/* ##### layout.css line 153-158 #### */ #logo span { display:block; margin:0 0 2px 100px !important; border-bottom:solid 1px #666; }
/* ##### position.css line 141-146 #### */ #logo span { display: block; margin: 0px 0 0 100px !important; border-bottom: solid 1px #666; }
/* ##### position.css line 15-19 #### */ * { margin: 0; padding: 0; }