Autor |
Nachricht |
ReneW
Threadersteller
Dabei seit: 19.04.2007
Ort: Neuötting
Alter: 55
Geschlecht:
|
Verfasst Do 19.07.2007 19:07
Titel verschiedenfarbige navigation mit css |
|
|
hallöchen ihr leut
mich würde mal interessieren, wie ich so eine navigation wie bei neckermann.de hinbekomme. also ich meine, das jeder button anders farbig ist.
ist das lösbar mit css oder brauch man dazu javascript?
ich sehe dort nur frames und tabellen. weiter tiefer (nur die navi) scheint es mit javascript gemacht worden zu sein.
aber vielleicht gibt es ja auch ne möglichkeit es in css zu machen
Zuletzt bearbeitet von ReneW am Do 19.07.2007 19:07, insgesamt 1-mal bearbeitet
|
|
|
|
|
bambam42
Dabei seit: 10.04.2007
Ort: Dessau
Alter: 59
Geschlecht:
|
Verfasst Do 19.07.2007 19:21
Titel
|
|
|
das kannst du über css lösen
|
|
|
|
|
Anzeige
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Do 19.07.2007 19:22
Titel
|
|
|
css (vereinfacht):
Code: | ul#primnav li {
display: inline;
}
ul#primnav li a {
display: block;
background: url(bild_mit_grauem_verlauf.gif) repeat-x;
}
ul#primnav li a.nav-red:hover,
ul#primnav li a.nav-red-current {
width: 123px;
height: 345px;
background: url(bild_mit_rotem_verlauf.gif) repeat-x;
}
ul#primnav li a.nav-blue:hover,
ul#primnav li a.nav-blue-current {
width: 123px;
height: 345px;
background: url(bild_mit_blauem_verlauf.gif) repeat-x;
}
ul#primnav li a.nav-blue:hover,
ul#primnav li a.nav-blue-current {
width: 123px;
height: 345px;
background: url(bild_mit_orangenem_verlauf.gif) repeat-x;
}
|
(...oder mit halbtransparenten pngs und nur die hintergrundfarbe wechseln,
oder mit allen farben in einem bild und nur die hintergrundposition wechseln..
oder....)
html:
Code: | <ul id="primnav">
<li><a href="#" class="nav-red">Startseite</a></li>
<li><a href="#" class="nav-blue>Technik</a></li>
<li><a href="#" class="nav-orange>Mode für Sie</a></li>
[...]
</ul> |
schau dir mal http://www.cssplay.co.uk an. dort findest du viele beispiele, wie man ähnliches realisieren kann.
Zuletzt bearbeitet von sahnemuh am Do 19.07.2007 19:25, insgesamt 2-mal bearbeitet
|
|
|
|
|
ReneW
Threadersteller
Dabei seit: 19.04.2007
Ort: Neuötting
Alter: 55
Geschlecht:
|
Verfasst Do 19.07.2007 19:39
Titel
|
|
|
cool danke euch.
ja die http://www.cssplay.co.uk seite kenn ich auch, warum hab ich da noch nicht geschaut
edit: wenn ich mir das gerade so durchlese, komm ich mir schon blöd vor für die frage
ist eigentlich einfach umzusetzen
Zuletzt bearbeitet von ReneW am Do 19.07.2007 19:43, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Verschiedenfarbige Links - die xte...
Navigation - IE6 + 7
CSS Navigation
[PHP, XML] Navigation...
CSS: Navigation
[CSS] DIV Navigation
|
|