--=REKLAMA=--

Beez/obszar header fontsize

Z Joomla!WikiPL

Odwołanie w HTML

  1. <div id="fontsize">
  2.     <script type="text/javascript">
  3.         //<![CDATA[
  4.             document.write('<h3><?php echo JText::_('FONTSIZE'); ?></h3><p class="fontsize">');
  5.             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">&nbsp;</span>');
  6.             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">&nbsp;</span>');
  7.             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>');
  8.         //]]>
  9.     </script>
  10. </div>

Zamiana tekstu "Font-size:"

  1. JText::_('FONTSIZE');

Znajdź w pliku językowym en-GB.tpl_beez.ini deklarację "FONTSIZE=Font-size:" i zmodyfikuj ją:

  1. FONTSIZE=Twój tekst tutaj!

Zamiana tekstu "bigger"

  1. 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:

  1. BIGGER=Twój tekst tutaj!
  2.  
  3. INCREASE SIZE=Twój tekst tutaj!

Zamiana tekstu "smaller"

  1. 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:

  1. DECREASE SIZE=Twój tekst tutaj!
  1. SMALLER=Twój tekst tutaj!

Zamiana tekstu "reset"

  1. 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:

  1. RESET=Twój tekst tutaj!
  2. REVERT STYLES TO DEFAULT=Twój tekst tutaj!

Odwołania w CSS

#fontsize

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ę.

Podstawowe style

Miejsce przechowywania w pliku: layout.css

  1. #fontsize
  2. {
  3.    z-index:100;
  4.    position:absolute;
  5.    top:0;
  6.    right:0;
  7.    background:#fff;
  8.    color:#000;
  9. }


Dodatkowe style

Miejsce przechowywania: position.css

  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
Dodatkowe informacje: position.css/*

#fontsize h3

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ę.

Podstawowe style

Miejsce przechowywania w pliku: layout.css

  1. #fontsize h3,#fontsize p
  2. {
  3.     border:0;
  4.     display:inline;
  5.     font-size:1em;
  6. }


Dodatkowe style

Beez/CSS/layout.css/h3

Miejsce przechowywania: position.css

  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
Dodatkowe informacje: position.css/*

#fontsize p

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ę.

Podstawowe style

Miejsce przechowywania w pliku: layout.css

  1. #fontsize p
  2. {
  3.     margin:0 0 0 5px;
  4. }


Dodatkowe style

Miejsce przechowywania w pliku: layout.css

  1. #fontsize h3,#fontsize p
  2. {
  3.     border:0;
  4.     display:inline;
  5.     font-size:1em;
  6. }

Miejsce przechowywania - plik: layout.css

  1. *
  2. p {
  3. 	line-height:1.4em;
  4. 	margin:5px 0;
  5. }


Miejsce przechowywania: position.css

  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
Dodatkowe informacje: position.css/*

#fontsize p a.larger

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ę.

Podstawowe style

Miejsce przechowywania w pliku: layout.css

  1. #fontsize p a.larger {
  2.     background:#fff url(../images/lupe_larger.gif) no-repeat;
  3. }

Miejsce przechowywania w pliku: layout.css

  1. #fontsize p a.larger:hover,#fontsize p a.larger:active,#fontsize p a.larger:focus {
  2.     background:#000 url(../images/lupe_larger_black.gif) no-repeat;
  3.     color:#fff;
  4. }

Dodatkowe style

Miejsce przechowywania w pliku: layout.css

  1. #fontsize p a
  2. {
  3.     font-weight:bold;
  4.     margin:0 5px;
  5.     display:inline;
  6.     padding:2px 0 2px 24px;
  7. }

Miejsce przechowywania - plik: layout.css

  1. *
  2. a:link,a:visited
  3. {
  4. 	color:#000;
  5. }


Miejsce przechowywania - plik: layout.css

  1. *
  2. a:hover,a:active,a:focus
  3. {
  4. 	background:#000;
  5. 	color:#FFF;
  6. }


Miejsce przechowywania: position.css

  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
Dodatkowe informacje: position.css/*

#fontsize p a.smaller

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ę.

Podstawowe style

Miejsce przechowywania w pliku: layout.css

  1. #fontsize p a.smaller {
  2.     background:#fff url(../images/lupe_smaller.gif) no-repeat;
  3. }

Miejsce przechowywania w pliku: layout.css

  1. #fontsize p a.smaller:hover,#fontsize p a.smaller:active,#fontsize p a.smaller:focus {
  2.     background:#000 url(../images/lupe_smaller_black.gif) no-repeat;
  3.     color:#fff;
  4. }

Dodatkowe style

Miejsce przechowywania w pliku: layout.css

  1. #fontsize p a
  2. {
  3.     font-weight:bold;
  4.     margin:0 5px;
  5.     display:inline;
  6.     padding:2px 0 2px 24px;
  7. }

Miejsce przechowywania - plik: layout.css

  1. *
  2. a:link,a:visited
  3. {
  4. 	color:#000;
  5. }


Miejsce przechowywania - plik: layout.css

  1. *
  2. a:hover,a:active,a:focus
  3. {
  4. 	background:#000;
  5. 	color:#FFF;
  6. }


Miejsce przechowywania: position.css

  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
Dodatkowe informacje: position.css/*

#fontsize p a.reset

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ę.

Podstawowe style

Miejsce przechowywania w pliku: layout.css

  1. #fontsize p a.reset {
  2.     background:#fff url(../images/lupe_reset.gif) no-repeat;
  3. }

Miejsce przechowywania w pliku: layout.css

  1. #fontsize p a.reset:hover,#fontsize p a.reset:active,#fontsize p a.reset:focus {
  2.     background:#000 url(../images/lupe_reset_black.gif) no-repeat;
  3.     color:#fff;
  4. }

Dodatkowe style

Miejsce przechowywania w pliku: layout.css

  1. #fontsize p a
  2. {
  3.     font-weight:bold;
  4.     margin:0 5px;
  5.     display:inline;
  6.     padding:2px 0 2px 24px;
  7. }

Miejsce przechowywania - plik: layout.css

  1. *
  2. a:link,a:visited
  3. {
  4. 	color:#000;
  5. }


Miejsce przechowywania - plik: layout.css

  1. *
  2. a:hover,a:active,a:focus
  3. {
  4. 	background:#000;
  5. 	color:#FFF;
  6. }


Miejsce przechowywania: position.css

  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
Dodatkowe informacje: position.css/*

.unseen

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ę.

Podstawowe style

Miejsce przechowywania w pliku: position.css

  1. .unsichtbar,.u2,.invisible , .unseen
  2. {
  3.     display: inline;
  4.     height: 0px;
  5.     left: -3000px;
  6.     position: absolute;
  7.     top: -2000px;
  8.     width: 0px;
  9.     z-index: 200;
  10. }

Dodatkowe style

Miejsce przechowywania: position.css

  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
Dodatkowe informacje: position.css/*



Dziękujemy za wkład

» Stefan Wajda [zwiastun],