mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 26.04.2024 03:39 Benutzername: Passwort: Auto-Login

Thema: verschiedenfarbige navigation mit css vom 19.07.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> verschiedenfarbige navigation mit css
Autor Nachricht
ReneW
Threadersteller

Dabei seit: 19.04.2007
Ort: Neuötting
Alter: 55
Geschlecht: Männlich
Verfasst Do 19.07.2007 19:07
Titel

verschiedenfarbige navigation mit css

Antworten mit Zitat Zum Seitenanfang

hallöchen ihr leut Lächel

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 Lächel


Zuletzt bearbeitet von ReneW am Do 19.07.2007 19:07, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
bambam42

Dabei seit: 10.04.2007
Ort: Dessau
Alter: 59
Geschlecht: Weiblich
Verfasst Do 19.07.2007 19:21
Titel

Antworten mit Zitat Zum Seitenanfang

das kannst du über css lösen
  View user's profile Private Nachricht senden
Anzeige
Anzeige
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Do 19.07.2007 19:22
Titel

Antworten mit Zitat Zum Seitenanfang

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&uuml;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
  View user's profile Private Nachricht senden
ReneW
Threadersteller

Dabei seit: 19.04.2007
Ort: Neuötting
Alter: 55
Geschlecht: Männlich
Verfasst Do 19.07.2007 19:39
Titel

Antworten mit Zitat Zum Seitenanfang

cool danke euch.
ja die http://www.cssplay.co.uk seite kenn ich auch, warum hab ich da noch nicht geschaut Lächel

edit: wenn ich mir das gerade so durchlese, komm ich mir schon blöd vor für die frage Lächel
ist eigentlich einfach umzusetzen


Zuletzt bearbeitet von ReneW am Do 19.07.2007 19:43, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Verschiedenfarbige Links - die xte...
Navigation mit PHP
Navigation - IE6 + 7
CSS Navigation
[PHP, XML] Navigation...
CSS: Navigation
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.