Skocz do zawartości

Witamy w Nieoficjalnym polskim support'cie AMX Mod X

Witamy w Nieoficjalnym polskim support'cie AMX Mod X, jak w większości społeczności internetowych musisz się zarejestrować aby móc odpowiadać lub zakładać nowe tematy, ale nie bój się to jest prosty proces w którym wymagamy minimalnych informacji.
  • Rozpoczynaj nowe tematy i odpowiedaj na inne
  • Zapisz się do tematów i for, aby otrzymywać automatyczne uaktualnienia
  • Dodawaj wydarzenia do kalendarza społecznościowego
  • Stwórz swój własny profil i zdobywaj nowych znajomych
  • Zdobywaj nowe doświadczenia

Dołączona grafika Dołączona grafika

Guest Message by DevFuse
 

Zdjęcie
CSS

rozwijane menurozwijane menu przy uzyciu css

CSS

  • Zamknięty Temat jest zamknięty
3 odpowiedzi w tym temacie

#1 kur3k

    Założyciel forum ;)

  • Przyjaciel

Reputacja: 29
Życzliwy

  • Postów:134
  • Imię:Konrad
  • Lokalizacja:Szczecin
Offline

Napisano 03.04.2010 14:14

Rozwijane menu przy użyciu CSS, tworzymy za pomocą listy w liście.

Przykład online: [CSS] Rozwijane menu

Kod XHTML
	<ul id="menu">
<li> <a href="#" title="">Łącze 1</a> </li>
<li> <a href="#" title="">Łącze 2</a> </li>
<li> <a href="#" title="">Łącze 3</a>
<ul>
<li> <a href="#" title="">Subłącze 1</a> </li>
<li> <a href="#" title="">Subłącze 2</a> </li>
</ul>
</li>
<li> <a href="#" title="">Łącze 4</a>
<ul>
<li> <a href="#" title="">Subłącze 1</a> </li>
<li> <a href="#" title="">Subłącze 2</a> </li>
</ul>
</li>
</ul>

Kod CSS:
a { text-decoration: none; font-family: Gill Sans, Verdana; color: #eee; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; }

ul#menu li { list-style-type: none; float: left; }
ul#menu li a { display: block; padding: 8px; color: #000; }
ul#menu li li a { width: 160px; padding: 6px 12px; color: #000; font-size: 14px; }
ul#menu li li:hover { text-decoration: underline; }
ul#menu li ul { overflow: hidden; display:none; }
ul#menu li:hover ul { margin-left: 10px; position: absolute; padding: 0px; border: 1px solid #000; display: block; width: 150px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

  • +
  • -
  • 4

#2 mgr inż. Pavulon

    C35H60Br2N2O4

  • Przyjaciel

Reputacja: 1 742
Godlike

  • Postów:6 881
  • Steam:steam
  • Imię:Konrad
  • Lokalizacja:Koniecpol
Offline

Napisano 03.04.2010 14:26

Coś w stylu tego co u nas w menu "Dodatki"
  • +
  • -
  • 0

#3 kur3k

    Założyciel forum ;)

  • Autor tematu
  • Przyjaciel

Reputacja: 29
Życzliwy

  • Postów:134
  • Imię:Konrad
  • Lokalizacja:Szczecin
Offline

Napisano 03.04.2010 21:34

Gdyby ktoś szukał więcej - CSS Menu Generator
  • +
  • -
  • 0

#4 mgr inż. Pavulon

    C35H60Br2N2O4

  • Przyjaciel

Reputacja: 1 742
Godlike

  • Postów:6 881
  • Steam:steam
  • Imię:Konrad
  • Lokalizacja:Koniecpol
Offline

Napisano 03.04.2010 22:20

Dobre było by menu w stylu drzewa w CSS.
  • +
  • -
  • 0





Również z jednym lub większą ilością słów kluczowych: CSS

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych