Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][BootStrap] Menu nawigacyjne w stylu podanym w przykładzie.
Forum PHP.pl > Forum > Przedszkole
DonPolaczek
Witam serdecznie, mam taki problem ponieważ tworzę sobie projekt do którego używam Twitter Bootstrap i zaprojektowałem sobie takie menu w Photoshop i zupełnie nie mogę sobie z tym poradzić aby ten mały trójkącik co pojawia się przy wyborze strony działał poprawnie oraz ta mała przedziałka koloru zółtego z prawej strony np Strona Główna i ten element |

Jakieś sugestię na prawdę proszę o pomoc.
ilidir
Co do pionowej "kreski" poczytaj tutaj - http://forum.php.pl/index.php?showtopic=212280

Co do trójkącika to możesz go po najechaniu na pozycje menu wyśweitlać w postaci obrazka pod daną pozycją menu.
Jarma
To może pomóc
DonPolaczek
Dziękuję bardzo Panowie, mam pytanie a mianowicie czy da się jakoś ustalić klasę tabeli dla każdej z osobna czyli
Tabela nr 1:
  1. <ul>
  2. <li><p>Strona Główna</p></li>
  3. <li><p>Jak to działa</p></li>
  4. <li><p>Oferta</p></li>
  5. <li><p>Portfolio</p></li>
  6. <li><p>Kontakt</p></li>
  7. </ul>

Ma inną klasę css dla dla ul, li oraz p
Jak i Tablera nr2:
  1. <ul>
  2. <li><p>Tlen</p></li>
  3. <li><p>o2</p></li>
  4. <li><p>Gmail</p></li>
  5. <li><p>Yahoo</p></li>
  6. <li><p>Onet</p></li>
  7. </ul>

Ma swoje właściowści css ?
Jarma

Takie coś ?
DonPolaczek
Dokładnie przyjacielu wielkie dzięki !.
NickOver
"Co do trójkącika to możesz go po najechaniu na pozycje menu wyśweitlać w postaci obrazka pod daną pozycją menu."

Obrazek do trójkąta? Paaaanie mamy css 3.
Wpisz w google css3 triangle generator i znajdziesz.

A co do menu to daj po prostu elementom <li> takie style:

  1. display: none;
  2. padding: 8px 6px;
  3. border-left: 1px solid KOLOR;


a potem zrób nową klase o takiej samej nazwie tylko dopisz do jej nazwy :last
a w niej:
  1. border-left: none;
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.