--=REKLAMA=--
W obszarze nagłówka umieszczono przykładowe logo witryny - trzy pszczółki. W przypadku, gdy przeglądarka nie wyświetla z jakiegoś powodu obrazka, wyświetlany jest tekst alternatywny: Logo Beez, Trzy małe pszczółki. W miejscu obrazka umieszczony jest również tekst nazwy witryny - Dostępny szablon dla Joomla!, ukryty przed internautami, ale odczytywany przez wyszukiwarki internetowe.
Możesz:
Miejsce przechowywania: Główny plik szablonu - index.php
<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>
Zmień ścieżkę
/templates/beez/images/logo.gif
albo wczytaj nowy obrazek "logo.gif" przez swojego klienta ftp.
JText::_('Logo Beez, Three little Bees');
Znajdź w pliku językowym en-GB.tpl_beez.ini deklarację "LOGO BEEZ, THREE LITTLE BEES=Logo Beez, Three little Bees" i zmodyfikuj ją:
/* #### en.GB.tpl_beez.ini line 18 #### */ LOGO BEEZ, THREE LITTLE BEES=Twój tekst tutaj!
JText::_('Joomla Accessible Template');
Znajdź w pliku językowym en-GB.tpl_beez.ini deklarację "JOOMLA ACCESSIBLE TEMPLATE=Joomla! accessible Template" i zmodyfikuj ją:
/* #### en.GB.tpl_beez.ini line 15 #### */ JOOMLA ACCESSIBLE TEMPLATE=Twój tekst tutaj!
Poniższe klasy i id wpływają na "pojemnik" włączający obraz i tekst. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania: layout.css
#logo
{
font-size:1em !important;
font-weight:bold !important;
position:relative;
text-align:left;
text-transform:none !important;
z-index:0;
margin-top:1em;
}
Miejsce przechowywania: position.css
#logo
{
font-size: 1em !important;
font-weight: bold !important;
position: relative;
text-align: left;
text-transform: none !important;
z-index: 0;
margin-top: 1em;
}
Miejsce przechowywania: layout.css
#header h1
{
font-size:1.5em;
font-weight:normal;
text-transform:uppercase;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Poniższe klasy i id wpływają na samą grafikę logo. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania: layout.css
#logo img
{
display:block;
}
Miejsce przechowywania: position.css
#logo img { display: block; }
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Poniższe klasy i id wpływają na tekst pod obrazkiem logo. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania: layout.css
#logo span
{
display:block;
margin:0 0 2px 100px !important;
border-bottom:solid 1px #666;
}
Miejsce przechowywania: position.css
#logo span
{
display: block;
margin: 0px 0 0 100px !important;
border-bottom: solid 1px #666;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}