php php5 xhtml css mysql sqlite - projektowanie stron - własny cms

 
Menu główne

Dzisiaj o 30% taniej!

Statystyka
Wizyt: 2 000 049
Wizyt dzisiaj: 575
Wizyt wczoraj: 739
Wizyt w m-cu: 2103
Osób on-line: 5
Prenumeratorzy: 226


PHP.net
Pobierz Firefoksa!
Valid XHTML 1.0!
Valid CSS!

Porady
[XHTML/CSS] Jak zrobić menu ze zmieniającym się kolorem po lewej stronie
Krzysztof Szypulski - Poniedziałek, 22 stycznia 2007 10:06:39

Często takie menu jest realizowane za pomocą JavaScript. Poniżej przedstawię rozwiązanie za pomocą XHTML i CSS.

Styl:

PRZYKŁAD
<style type="text/css">
<!--
div#menu { float: left; margin-right: 2px; }

div#menu a { display: block; text-decoration: none; color: #000000; padding: 1px; border-left: 6px solid #CCCCCC; margin-top: 3px; }

div#menu a:hover { color: #FF0000; border-left: 6px solid #FF0000; }
-->
</
style>

Kod menu:
PRZYKŁAD
<div id="menu">
<
a href=""> Menu I</a>
<
a href=""> Menu II</a>
<
a href=""> Menu III</a>
<
a href=""> Menu IV</a>
<
a href=""> Menu V</a>
</
div>

Zobacz jak to działa

Drukuj Poleć znajomemuCofnij
Komentarze
orlik (83.8.13.xxx)
Sobota, 24 czerwca 2006 18:52:25
świetne, krótkie, proste :)

himer (192.168.181.xxx)
Czwartek, 06 lipca 2006 14:49:45
extra

laik (83.21.18.xxx)
Czwartek, 10 sierpnia 2006 13:32:03
sorki dopiero sie ucze jak zrobić żeby się to "wkleiło" na stronke??
Od administratora:
Styl w sekcji <head> kod normalnie w <body>

Piotrek (83.22.107.xxx)
Poniedziałek, 18 września 2006 22:10:53
Witam.
Jak zrobić żeby przyciski były w poziomie.
Z góry dzieki i pozdrawiam.
Od administratora:
http://www.kess.com.pl/?sid=10&pid=46

Altar (83.18.136.xxx)
Niedziela, 21 stycznia 2007 04:39:40
Niby bawimy się w semantyczny HTML+CSS, ale co tam robi &nbsp; !?! Zgroza!
Od administratora:
W sumie masz rację, poprawi się ;-)

felis (83.28.169.xxx)
Poniedziałek, 05 lutego 2007 15:35:48
Witam
A jak zrobić żeby wybrany przycisk pozostawał "podświetlony" dopóki nie zostanie wskazany inny. Oczywiście wskazanie innego przycisku anuluje "podświetlenie" poprzedniego.
Pozdrawiam
Od administratora:
Trzeba dobrze szukać...

felis (83.7.126.xxx)
Piątek, 09 lutego 2007 11:46:57
Szukałem, szukałem, ale nie o ten efekt mi chodziło. Chodzi by po kliknieciu załadowała sie przykładowo przez include jakaś komórka tabeli, a ten element menu dla wyróżnienia pozostał cały czas podświetlony, aż do wyboru innego elementu.
Tak jak na przykład te zakładki na stronie TPSA:
http://neostrada.pl/tpsa/run?n=msi_film
wybór powoduje, że wiemy gdzie jesteśmy.
Wiem, że trzeba to zrobić przez nadawanie np. id=wybrany elementowi menu po jego kliknieciu.
A w CSS trzeba przyporządkować elementowi "wybrany" parametry jak dla hover.
Rzecz w tym, że nijak nie wiem jak to zrobić by to id się przypisywało do kliknietego elementu i jak wszystko połączyć w całość

Mati29 (83.25.21.xxx)
Piątek, 09 marca 2007 21:00:42
wszystko fajnie, ale ja chciałem żeby to menu było w pionie i do tego po najechaniu na jeden element pod nip miał wyskakiwać podpunkt. może mi ktoś pomóc?
z góry dzienks

dawid (85.31.229.xxx)
Sobota, 09 czerwca 2007 07:40:22
mam pytanko jak zrobić żeby tekst było bardziej odsunięte od menu?
Od administratora:
Np. za pomocą styli

Marcin (82.160.117.xxx)
Poniedziałek, 25 czerwca 2007 07:22:08
Łatwe i fajne, napewno przyda się, jak to rozpisac w zewnętrznym pliku css, zeby juz nie męczyć header'a naszej strony stylami?

Ze względu na brak czasu na moderowanie komentarzy, zawieszam możliowść ich dodawania. Masz pytanie, wykorzystaj formularz "Zadaj pytanie".
Publikowane komentarze są prywatnymi opiniami użytkowników serwisu. Serwis nie ponosi odpowiedzialności za treść opinii.


Zadaj pytanie
Nie znalazłeś(aś) odpowiedzi na nurtujące Cię pytanie?
Zapytaj mnie, może będę umiał Ci pomóc.




Umieść u siebie...
Porady txt
RSS

Losowa książka

Reklama
Modna i seksowna bielizna damska, męska oraz stroje kąpielowe.

Setki porad dla właścicieli stron WWW

Hosting & design

Kurs HTML

webmaster html css php mysql





Copyright © 2001-2010 by Krzysztof Szypulski • Hosting: Snug.pl
Agroturystyka Koniowozy Portfolio Weimary - wyżeł weimarski Linki