Forum PHP.pl

Witam, jak zrobić takie menu jak na tej stronie http://leaksource.info/, prosił bym o przykład kodu css i html.

Pozdrawiam

w html piszesz menu za pomocą listy nieuporządkowanej

[HTML] pobierz, plaintext 
<ul>
  <li><a href="linkdostrony1.html">Jedna podstrona</a></li>
  <li><a href="linkdostrony2.html"> druga podstrona</a></li>
itd....
</ul>
[HTML] pobierz, plaintext 

potem w css musisz sformatować ul. żeby wyświetlało w jednej linii, usunąć kropki... Te kreski na górze i na dole to nic innego jak obramowanie....
Zobacz tutaj wiecej informacji:
http://www.kurshtml.edu.pl/css/poziome_menu,menu.html

Jak chcesz, żeby ci podświetlało element, nad którym jest myszka, to w css piszesz ul a:hover i opisujesz to, co się ma zmienić po najechaniu myszką (tło, kolor tekstu)

Powodzenia!

Ten post edytował muumiin 21.09.2014, 12:21:45

Dziękuje za szybką reakcje, a mogę poprosić o napisanie przykładowego kodu dla jednego przycisku w http://jsbin.com/ (IMG:style_emoticons/default/worriedsmiley.gif)

http://jsbin.com/wiqogufizulu/1/edit

Chłopie:
Źródło strony
Firebug
Przekleiłem Ci, musisz to uporzadkować wywalić nadmiary

Tu masz przykład

http://jsbin.com/voceciguseto/3/edit

Dziękuję (IMG:style_emoticons/default/specool.gif) .



Jaką nazwę poeinien mieć plik. css "menu.css"

Nazwa stylu nie ma znaczenia. Standardowa to style.css

W przykładzie dodałem <div class="menu"> ale nie ma on w tym przypadku żadnego zastosowania, a tym bardziej jeśli chodzi o nazwę stylu.

restauracja

jeszcze jedno jak wycentrować to menu, gdzie w kodzie bo kombinuje i d....pa, i jak zmienić odległości między nazwami. ?

Ten post edytował ciapus4 22.09.2014, 21:23:46

Marginesy i padding można ustawić. Wtedy to się jakoś poukłada.

Witam, gdzie znajdę parametr w kodzie, który odpowiada za położenie "kreski" nad menu to jest chyba
'border-top', czyli ta nad menu ?, i jak rozdzielić kreskę, bo u mnie jest po całości, a w przykładzie są odstępy, po między każdym zagadnieniu menu ?

pozdrawiam

Ten post edytował ciapus4 23.09.2014, 19:38:37