DSsys DSsys i skrypty JavaScript są miłe!

(akt. wer. 1.1.1)

Lista funkcji

Kategorie

Składnia

void klasa DSsys.Meni ( void )

Przekształca wszystkie listy ul z klasą meni na listy meni typu poziomego lub pionowego. W zależności od definicji CSS.

Kategoria: Obsługa

Lokalizacja: biblioteki/Meni.js

Opis

Przekształca wszystkie listy ul z klasą meni na listy meni typu poziomego lub pionowego. W zależności od definicji CSS.

info UWAGA!

Klasa bardzo zależna od arkuszy CSS. Koniecznie patrz przykłady!

Przykłady

#1 Meni pionowe (Lista po lewej stronie) zapisz zapiszZIP

Przykład:

DSsys.start(['Meni.js']);

CSS:

body {
color: black;
background-color: darkgreen;
font-family: "Arial", sans-serif;
font-size: 14px;
}
.meni, .meni li, .meni li ul {
list-style-type: none;
list-style-position: inside;
display: block;
margin: 0px;
padding: 0px;
background-color: #cccccc;
width: 160px;
}
.meni li {
display: block;
border: 1px solid #000000;
height: 18px;
padding: 2px;
vertical-align: top;
}
.meni li ul {
position: relative;
left: 163px;
top: -19px;
}

HTML:

<ul class="meni">
<li>1. Samochody
<ul>
<li>1.1. Różne</li>
</ul>
</li><li>2. Samoloty (samolociki)
  <ul>
  <li>2.1. Odrzutowe</li>
  <li>2.2. Myśliwskie</li>
  </ul>
</li><li>3. Pociągi
  <ul>
  <li>3.1. Ratownicze</li>
  <li>3.2. Pasażerskie
    <ul>
    <li>3.2.1. Osobowe</li>
    <li>3.2.2. Ekspresy</li>
    <li>3.2.3. Pośpieszne</li>
    </ul>
  </li>
  <li>3.3. Specjalne</li>
  <li>3.4. Energetyczne</li>
  </ul>
</li><li>4.Statki
<ul>
<li>4.1. Kontenerowce
  <ul>
  <li>4.1.1. P&O</li>
  <li>4.1.2. HapagLoyd</li>
  </ul>
</li>
<li>4.2. Tankowce</li>
</ul>
</li>
</ul>

#2 Meni poziome (Lista na belce na górze) zapisz zapiszZIP

Przykład:

DSsys.start(['Meni.js']);

CSS:

body {
color: black;
background-color: darkgreen;
font-family: "Arial", sans-serif;
font-size: 14px;
}
.meni, .meni li, .meni li ul {
list-style-type: none;
list-style-position: inside;
margin: 0px;
padding: 0px;
height: 18px;
background-color: #cccccc;
width: 160px;
border: 1px solid #000000;
}
.meni {
width: 648px;
display: block;
}
.meni li {
float: left;
}
.meni li ul li {
float: none;
display: block;
}
.meni li ul {
position: relative;
left: -2px;
top: 2px;
}
.meni li ul li ul {
position: relative;
left: 161px;
top: -19px;
}

HTML:

<ul class="meni">
<li>1. Samochody
<ul>
<li>1.1. Różne</li>
</ul>
</li><li>2. Samoloty (samolociki)
  <ul>
  <li>2.1. Odrzutowe</li>
  <li>2.2. Myśliwskie</li>
  </ul>
</li><li>3. Pociągi
  <ul>
  <li>3.1. Ratownicze</li>
  <li>3.2. Pasażerskie
    <ul>
    <li>3.2.1. Osobowe</li>
    <li>3.2.2. Ekspresy</li>
    <li>3.2.3. Pośpieszne</li>
    </ul>
  </li>
  <li>3.3. Specjalne</li>
  <li>3.4. Energetyczne</li>
  </ul>
</li><li>4.Statki
<ul>
<li>4.1. Kontenerowce
  <ul>
  <li>4.1.1. P&O</li>
  <li>4.1.2. HapagLoyd</li>
  </ul>
</li>
<li>4.2. Tankowce</li>
</ul>
</li>
</ul>

Aktualna wersja: 1.1.1

* * *
© <^> 2012-2014

Projekt i wykonanie: DrezynSoft


Partner Autorska witryna kolejowa Partner DrezynSoft Partner Fotograficzna galeria krajobrazów Partner FotoStacyjka
Partner SelekTTor Partner Mapy Partner Edytor XML Partner Gry Partner Tłumacz Partner DSsys
Partner MojaMuzyka Partner Kanał Ostródzko-Elbląski w obiektywie <^> Partner Konwerter tekstu

Podstronę załadowano w 0.0174 sekundy.