--=REKLAMA=--

Beez/obszar header skocz do

Z Joomla!WikiPL

Odwołanie w HTML

  1.     <ul>
  2.         <li><a href="#content" class="u2"><?php echo JText::_('Skip to Content'); ?></a></li>
  3.         <li><a href="#mainmenu" class="u2"><?php echo JText::_('Jump to Main Navigation and Login'); ?></a></li>
  4.         <li><a href="#additional" class="u2"><?php echo JText::_('Jump to additional Information'); ?></a></li>
  5.     </ul>

Odwołania w CSS

#header ul

Poniższe klasy i identyfikatory wpływają na listy nienumerowane w obszarze header. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.

Podstawowa klasa

Miejsce przechowywania: layout.css 

  1. #header ul
  2. {
  3.     background:#fff;
  4.     display:block;
  5.     margin:-7px 0 -2px;
  6.     padding:5px 0;
  7.     text-align:right;
  8. }

Dodatkowe klasy

Miejsce przechowywania: position.css 

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

#header ul li

Poniższe klasy i identyfikatory wpływają na pozycje list w obszarze header. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.

Podstawowa klasa

Miejsce przechowywania: layout.css 

  1. #header ul li
  2. {
  3.     background:#000;
  4.     color:#fff;
  5.     display:inline;
  6.     text-align:center;
  7. }

Dodatkowe klasy

Miejsce przechowywania: position.css 

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

#header ul li a.u2

Poniższe klasy i identyfikatory wpływają na odnośniki z klasą "u2" w obszarze header. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.

Podstawowa klasa

Miejsce przechowywania: layout.css 

  1. #header ul li a:link,#header ul li a:visited
  2. {
  3.     background:#fff;
  4.     color:#000;
  5.     font-weight:bold;
  6.     text-decoration:none;
  7.     border-right:solid 1px #666;
  8.     padding:5px 10px;
  9.     line-height:1.5em;
  10. }

Dodatkowe klasy

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

Miejsce przechowywania: position.css 

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


Spis treści

Dziękujemy za wkład

» Stefan Wajda [zwiastun],

Źródło „https://wiki.joomla.pl/index.php?title=Beez/obszar_header_skocz_do&oldid=23355”