Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z menu.
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
michaldelfin
Witam, posiadam problem z zakodowaniem menu, jest ono trochę wymyślne niestety, kolor niebieski to zwykły nie aktywny przycisk a kolor szary to przycisk aktywny a:hover. Czy byłby ktoś w stanie mi pomóc w zakodowaniu takiego menu? Bardzo proszę o pomoc.



W grę również wchodzi zapłata za zrobienie tego menu.
ylk
Najprosciej byloby ustandaryzowac rozmiar (szerokosc) przyciskow w tym menu (albo jeszcze lepiej przygotować szablony szarego i niebieskiego przycisku a pisać po nich zwykłą czcionką). Przyciski w miejscach, w których nachodzą na siebie, muszą mieć przezroczyste tło.
Następnie należy stworzyć odpowiedni kod wyświedlający przyciski:
  1. <div id=menu>
  2. <div class=<? if ('glowna'==$_GET['p']) echo "menu-active"; else echo "menu-inactive"; ?>>Strona główna</div>
  3. <div class="menu-position <? if ('oferta'==$_GET['p']) echo "menu-active"; else echo "menu-inactive"; ?>>Oferta</div>
  4. </div>

i utworzyć odpowiednie klasy CSS. Każdy kolejny button ma klase menu-position i jest przesuwany w lewo, aby nachodzil na poprzedzajacy:
  1. div.menuactive { background:url(img/menuactive.png); width: 130px; height: 30px}
  2. div.menuinactive { background:url(img/menuinactive.png width:130px; height: 30px}
  3. div.menuinactive:hover { background:url(img/menuactive.png); }
  4. div.menuposition { position:relative; left: -30px }

Chyba powinno smigac. W razie czego chetnie pomoge bo musze nabic 10 postow zeby zrobic test z PHP tongue.gif
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.