Jak zrobic Menu

 

Strona 1 z 2 [ 17 posty(ów) ] Idź do strony 1, 2  Następna

Widok do druku | « Poprzedni temat | Następny temat »

Temat

• Wysłany: 13 Gru 2006, 20:37

  Opel_Vectra

  

  
  Rejestracja: 27 Cze 2005, 10:50
  Posty: 50
  Jak zrobic menu tak jak tu ?
  http://img262.imageshack.us/img262/4363/ombc4.gif

  

Odpowiedzi

• Wysłany: 13 Gru 2006, 21:48

  emilek

  

  

  
  Rejestracja: 27 Cze 2005, 18:33
  Posty: 434
  Miejscowość: Bojszowy
  Pochwały: 35
  js + xhtml (ja to zrobiłem za pomoca znaczników ul i li).

  

• Wysłany: 13 Gru 2006, 22:03

  Opel_Vectra

  

  
  Rejestracja: 27 Cze 2005, 10:50
  Posty: 50
  a czy mozesz konkretnie jakis kod strone z wyjasnieniem cos ? lub plik

  

• Wysłany: 13 Gru 2006, 22:04

  Carlson

  

  

  
  Rejestracja: 15 Maj 2005, 15:14
  Posty: 536
  Miejscowość: Warszawa
  Pochwały: 67
  emilek, a powiedz mi po co JavaScript przy takim menu? Lista uporządkowana i css. Opel_Vectra, jak chcesz sobie o css poczytać polecam http://riddle.jogger.pl bądź http://blog.olicio.us

  ---

  --- Karol

  

• Wysłany: 13 Gru 2006, 22:06

  emilek

  

  

  
  Rejestracja: 27 Cze 2005, 18:33
  Posty: 434
  Miejscowość: Bojszowy
  Pochwały: 35
  Ja użyłem do tego jeszcze js zeby fajnie ten pasek się przesuwał. Oczywiście bez tego będzie działać i pewnie da się to zrobić innym sposobem.

  

• Wysłany: 13 Gru 2006, 22:09

  Opel_Vectra

  

  
  Rejestracja: 27 Cze 2005, 10:50
  Posty: 50
  a bardzo wam bym prosil o plik overall_header.tpl z takim menu aby zrobic poddglad i zmienie sobie ten kod

  

• Wysłany: 13 Gru 2006, 22:13

  emilek

  

  

  
  Rejestracja: 27 Cze 2005, 18:33
  Posty: 434
  Miejscowość: Bojszowy
  Pochwały: 35
  Jo to mam tak (podaje bez js):
  
  .css
  

  Kod:

  #menu { height: 40px; background: #FFFFFF; margin: 0 0 0 0px;}
  #menu ul { list-style-type: none; margin: 0px 0 0 0;  padding: 0;}
  #menu li { display: inline; }
  #menu li a { display: block; float: left; height: 18px; padding: 10px 10px 0 10px; color: #5D5D5D; text-decoration: none; border-right: solid 1px #E4E4E4;  }
  #menu li a:hover { color: #108ADE }

  
  overall_header.tpl
  
  

  Kod:

  <div id="menu">
        <ul>
           <li><a href="{U_FAQ}" class="mainmenu">{L_FAQ}</a></li>
           <li><a href="{U_SEARCH}" class="mainmenu">{L_SEARCH}</a></li>
  ....
        </ul>
     </div>

  
  
  Nie wiem czy poprawny jest kod ale u mnie działa, nawet pod IE, FF i Operą. Wszelkie prawa zastrzeżone

  

• Wysłany: 13 Gru 2006, 22:14

  sint

  

  

  
  Rejestracja: 10 Maj 2006, 12:15
  Posty: 331
  Miejscowość: z tamtond
  Pochwały: 45
  emilek napisał(a):

  js + xhtml (ja to zrobiłem za pomoca znaczników ul i li).

  
  
  po co js? Wystarczy np. elementom li dac [c]display:inline[/c] i odpowiednio ostylowac.
  Dajesz na górze dokumentu:
  
  

  Kod:

  <div id="menu">
  <li>Pierwsza pozycja</li>
  <li>Druga pozycja</li>
  <li>Druga pozycja</li>
  <li>Druga pozycja</li>
  </div>
  

  
  
  a w pliku css:
  
  

  Kod:

  div#menu li {
  display:inline;
  background-color:#ffffff;
  border:1px solid #dddddd;
  border-bottom:2px solid #dddddd;;
  margin:0px;
  padding:5px;
  padding-top:20px;
  color:#666666;
  }
  

  
  
  tu masz przykład jak to będzie wyglądało:
  
  www.thdesignz.net/V7/test.html
  
  oho widze że jak zwykle się spózniłem...

  

• Wysłany: 13 Gru 2006, 22:21

  Carlson

  

  

  
  Rejestracja: 15 Maj 2005, 15:14
  Posty: 536
  Miejscowość: Warszawa
  Pochwały: 67
  sint, co do twojego to, żeby było [c]li[/c] to musi zostać użyte [c]ul[/c]. Bez tego również zadziała, ale walidator pokaże błąd .

  ---

  --- Karol

  

• Wysłany: 13 Gru 2006, 22:40

  Opel_Vectra

  

  
  Rejestracja: 27 Cze 2005, 10:50
  Posty: 50
  ja nie chce aby jak najade na np. szukaj to sie zapali na niebieski tylko chce taka kreske pod tym dac ze jak najade to bedzie powiedzmy rozowy tak jak na screenie powyzej

  

• Wysłany: 13 Gru 2006, 22:45

  emilek

  

  

  
  Rejestracja: 27 Cze 2005, 18:33
  Posty: 434
  Miejscowość: Bojszowy
  Pochwały: 35
  Poczytaj jakiś kurs css i htmla.

  

• Wysłany: 13 Gru 2006, 22:47

  sint

  

  

  
  Rejestracja: 10 Maj 2006, 12:15
  Posty: 331
  Miejscowość: z tamtond
  Pochwały: 45
  Kod:

  div#menu li {
  display:inline;
  background-color:#ffffff;
  border:1px solid #dddddd;
  border-bottom:2px solid #dddddd;;
  margin:0px;
  padding:5px;
  padding-top:20px;
  color:#666666;
  }
  
  div#menu li:hover {
  border-bottom:2px solid #ed009c;
  }
  </style>
  

  
  
  

  Kod:

  <div id="menu">
  <ul>
  <li>Pierwsza pozycja</li>
  <li>Druga pozycja</li>
  <li>Druga pozycja</li>
  <li>Druga pozycja</li>
  </ul>
  </div>
  

  
  
  przykład:
  www.thdesignz.net/V7/test.html

  

• Wysłany: 15 Gru 2006, 11:29

  Opel_Vectra

  

  
  Rejestracja: 27 Cze 2005, 10:50
  Posty: 50
  u mnie wyglada to tak jak to naprawic ?
  
  Jak to zrobic aby bylo poprawnie ?

  

• Wysłany: 15 Gru 2006, 12:02

  JarekMk

  

  
  Rejestracja: 14 Lip 2006, 15:37
  Posty: 360
  Miejscowość: Malbork
  Pochwały: 3
  To jest super

  ---

  Polski Support AntiVir Personal Edition
  http://kde-polska.org/
  http://dobrylinux.net/

  

• Wysłany: 15 Gru 2006, 12:22

  Opel_Vectra

  

  
  Rejestracja: 27 Cze 2005, 10:50
  Posty: 50
  to jak wie ktos jak naprawić moj blad ? nie dawajcie postow typu to jest super

  

 

Strona 1 z 2 [ 17 posty(ów) ] Idź do strony 1, 2  Następna