--=REKLAMA=--

Beez/obszar left login

Z Joomla!WikiPL

Odwołania w HTML

Lewy pasek osadzony jest za pomocą elementu div oznaczonego identyfikatorem #left w obszarze #contentarea2, gdy widoczny jest prawy pasek lub #contentarea, gdy prawy pasek jest niewidoczny: 

  1.    <div id="left">
  2.       <jdoc:include type="modules" name="left" style="beezDivision" headerLevel="3" />
  3.    </div><!-- left -->


Odwołania w CSS

#left

Poniższe klasy i identyfikatory wpływają na cały obszar div zawierający treści lewego paska. Zwróć uwagę na kolejność. Każdy atrybut CSS zostanie nadpisany przez powyższą klasę.

Style podstawowe

Miejsce przechowywania - plik: layout.css 

  1. #left form {
  2. background:#EFDEEA;
  3. color:#000;
  4. font-size:0.9em;
  5. margin:5px 0 20px 10px;
  6. padding:20px 10px;
  7. }

Miejsce przechowywania - plik: layout.css 

  1. #left form a:hover,#left form a:active,#left form a:focus {
  2. color:#fff;
  3. }

Miejsce przechowywania - plik: layout.css 

  1. fieldset {
  2. 	border:0;
  3. }

Miejsce przechowywania - plik: layout.css 

  1. a:link,a:visited
  2. {
  3. 	color:#000;
  4. }
  5.  
  6. a:hover,a:active,a:focus
  7. {
  8. 	background:#000;
  9. 	color:#FFF;
  10. }

Miejsce przechowywania - plik: layout.css 

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

Pozostałe style

Miejsce przechowywania: position.css 

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

Style dziedziczone

Miejsce przechowywania - plik: position.css 

  1. #all
  2. {
  3.    background: #FFFFFF;
  4.    border: solid 1px #DBB0CD;
  5.    color: #000000;
  6.    font-size: 0.8em;
  7.    margin: 0 auto;
  8.    max-width: 1000px;
  9.    padding: 0 3px 3px 3px;
  10.    text-align: left;
  11. }

Dziedziczone są własności: font-size i text-align.

Miejsce przechowywania - plik: position.css 

  1. body
  2. {
  3.    background: #F2E3ED;
  4.    color: #000000;
  5.    font-family: arial, helvetica, sans-serif;
  6.    font-size: 100.1%;
  7.    padding: 0px;
  8.    text-align: center;
  9. }

Dziedziczone jest własność font-family.


Spis treści

Dziękujemy za wkład

» Stefan Wajda [zwiastun],

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