--=REKLAMA=--
<div id="fontsize">
<script type="text/javascript">
//<![CDATA[
document.write('<h3><?php echo JText::_('FONTSIZE'); ?></h3><p class="fontsize">');
document.write('<a href="index.php" title="<?php echo JText::_('Increase size'); ?>" onclick="changeFontSize(2); return false;" class="larger"><?php echo JText::_('bigger'); ?></a><span class="unseen"> </span>');
document.write('<a href="index.php" title="<?php echo JText::_('Decrease size'); ?>" onclick="changeFontSize(-2); return false;" class="smaller"><?php echo JText::_('smaller'); ?></a><span class="unseen"> </span>');
document.write('<a href="index.php" title="<?php echo JText::_('Revert styles to default'); ?>" onclick="revertStyles(); return false;" class="reset"><?php echo JText::_('reset'); ?></a></p>');
//]]>
</script>
</div>
JText::_('FONTSIZE');
Znajdź w pliku językowym en-GB.tpl_beez.ini deklarację "FONTSIZE=Font-size:" i zmodyfikuj ją:
FONTSIZE=Twój tekst tutaj!
JText::_('Increase size'); JText::_('bigger');
Znajdź w pliku językowym en-GB.tpl_beez.ini deklaracje "INCREASE SIZE=Increase size" oraz "BIGGER=bigger" i zmodyfikuj je:
BIGGER=Twój tekst tutaj!
INCREASE SIZE=Twój tekst tutaj!
JText::_('Decrease size'); JText::_('smaller');
Znajdź w pliku językowym en-GB.tpl_beez.ini deklaracje "DECREASE SIZE=Decrease size" and "SMALLER=smaller" i zmodyfikuj je:
DECREASE SIZE=Twój tekst tutaj!
SMALLER=Twój tekst tutaj!
JText::_('Revert styles to default'); JText::_('reset');
Znajdź w pliku językowym en-GB.tpl_beez.ini deklaracje "REVERT STYLES TO DEFAULT=Revert styles to default" and "RESET=reset" i zmodyfikuj je:
RESET=Twój tekst tutaj!
REVERT STYLES TO DEFAULT=Twój tekst tutaj!
Poniższe klasy i id wpływają na rozmiar czcionek w całym "pojemniku". Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania w pliku: layout.css
#fontsize
{
z-index:100;
position:absolute;
top:0;
right:0;
background:#fff;
color:#000;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Poniższe klasy i id wpływają na własność "font-size:" tekstu (rozmiar czcionki). Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania w pliku: layout.css
#fontsize h3,#fontsize p
{
border:0;
display:inline;
font-size:1em;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Poniższe klasy i id wpływają na "pojemnik" obejmujący 3 przyciski (bigger/smaller/reset). Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania w pliku: layout.css
#fontsize p
{
margin:0 0 0 5px;
}
Miejsce przechowywania w pliku: layout.css
#fontsize h3,#fontsize p
{
border:0;
display:inline;
font-size:1em;
}
Miejsce przechowywania - plik: layout.css
*
p {
line-height:1.4em;
margin:5px 0;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Poniższe klasy i id wpływają na odnośnik "bigger". Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania w pliku: layout.css
#fontsize p a.larger {
background:#fff url(../images/lupe_larger.gif) no-repeat;
}
Miejsce przechowywania w pliku: layout.css
#fontsize p a.larger:hover,#fontsize p a.larger:active,#fontsize p a.larger:focus {
background:#000 url(../images/lupe_larger_black.gif) no-repeat;
color:#fff;
}
Miejsce przechowywania w pliku: layout.css
#fontsize p a
{
font-weight:bold;
margin:0 5px;
display:inline;
padding:2px 0 2px 24px;
}
Miejsce przechowywania - plik: layout.css
*
a:link,a:visited
{
color:#000;
}
Miejsce przechowywania - plik: layout.css
*
a:hover,a:active,a:focus
{
background:#000;
color:#FFF;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Poniższe klasy i id wpływają na odnośnik "smaller". Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania w pliku: layout.css
#fontsize p a.smaller {
background:#fff url(../images/lupe_smaller.gif) no-repeat;
}
Miejsce przechowywania w pliku: layout.css
#fontsize p a.smaller:hover,#fontsize p a.smaller:active,#fontsize p a.smaller:focus {
background:#000 url(../images/lupe_smaller_black.gif) no-repeat;
color:#fff;
}
Miejsce przechowywania w pliku: layout.css
#fontsize p a
{
font-weight:bold;
margin:0 5px;
display:inline;
padding:2px 0 2px 24px;
}
Miejsce przechowywania - plik: layout.css
*
a:link,a:visited
{
color:#000;
}
Miejsce przechowywania - plik: layout.css
*
a:hover,a:active,a:focus
{
background:#000;
color:#FFF;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Poniższe klasy i id wpływają na odnośnik "reset". Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania w pliku: layout.css
#fontsize p a.reset {
background:#fff url(../images/lupe_reset.gif) no-repeat;
}
Miejsce przechowywania w pliku: layout.css
#fontsize p a.reset:hover,#fontsize p a.reset:active,#fontsize p a.reset:focus {
background:#000 url(../images/lupe_reset_black.gif) no-repeat;
color:#fff;
}
Miejsce przechowywania w pliku: layout.css
#fontsize p a
{
font-weight:bold;
margin:0 5px;
display:inline;
padding:2px 0 2px 24px;
}
Miejsce przechowywania - plik: layout.css
*
a:link,a:visited
{
color:#000;
}
Miejsce przechowywania - plik: layout.css
*
a:hover,a:active,a:focus
{
background:#000;
color:#FFF;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}
Poniższe klasy i id wpływają na an unused(?) div. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.
Miejsce przechowywania w pliku: position.css
.unsichtbar,.u2,.invisible , .unseen
{
display: inline;
height: 0px;
left: -3000px;
position: absolute;
top: -2000px;
width: 0px;
z-index: 200;
}
Miejsce przechowywania: position.css
*
{
margin: 0;
padding: 0;
}