Wie kann ich eine Navigationsleiste mit Bildern gestallten

[Eidechse]

Hallo zusammen,
ich möchte eine Navigation mit Bildern gestallten und zwar wenn ich über (siehe Bild) "Das ist CB" gehe sollen die anderen Grafiken erscheinen(Schrift mit Schatten und 3D effekt) und natürlich verlinkt sein. Sie müssen auch nicht untereinander auftauchen sondern können auch nebeneinander angeordnet sein. Ich habe schon stunden im Netz verbracht und nicht das gefunden was ich brauche (vielleicht hab ich ja auch keine Ahnung wie man richtig sucht:lol. Es gibt zwar navigationen mit Mouseover effekt aber halt nicht mit dem Effekt wie ich ihn gerne hätte.
Geht das überhaupt mit CSS oder muss da Java ran??
Ist das was ich will überhaupt verständlich?
Bin über jeden Tip dankbar.



Uploaded with

 

[AlexanderBo]

AW: Wie kann ich eine Navigationsleiste mit Bildern gestallten

stunden im netz verbracht und keine lösung gefunden heisst nicht richtig gesucht!
stunden bei PSD verbracht und keine lösung gefunden heisst nicht richtig gesucht!
java... wenn schon JavaScript lass sein!
geht via css!
du erstellst eine grafik für alle zustände und richtest sie je nach zustand dann a lá
stichwort:
background-position:
aus.
es scheint mir es ermangelt an schon an den basics!.

selfhtml-> SELFHTML 8.1.2 (HTML-Dateien selbst erstellen)

css-> SELFHTML: Stylesheets (CSS)

little boxes-> Startseite - Little Boxes - Webseiten gestalten mit HTML und CSS

 

[fourmilier]

AW: Wie kann ich eine Navigationsleiste mit Bildern gestallten

Hallo schau dir mal die Navigationen an hier sind immer gute CSS Vorlagen zu finden



du kannst die kompletten Styles usw. frei verwenden musst nur die Copyrights auf deiner Seite beibehalten
ich hoffe es ist was für dich dabei
Gruß fourmilier

 

[hubspe]

AW: Wie kann ich eine Navigationsleiste mit Bildern gestallten

Moin,

Tut zu einer grafischen Navi

 

[Shuruna]

AW: Wie kann ich eine Navigationsleiste mit Bildern gestallten

Moin, der CSS Befehl für diesen Schatten effekt müsste in etwa der hier sein.

p {
text-shadow: 1px 1px 1px #000;
}

 

[hubspe]

AW: Wie kann ich eine Navigationsleiste mit Bildern gestallten

Moin, der CSS Befehl für diesen Schatten effekt müsste in etwa der hier sein.

p {
text-shadow: 1px 1px 1px #000;
}

das ist doch CSS 3, funktioniert nicht im IE.
Den Schatten kann er doch viel besser in der Grafik machen.

 

[midpianist]

AW: Wie kann ich eine Navigationsleiste mit Bildern gestallten

mir ist grad die frage aufgekommen: kann man eig auch einzelne teile einer img map ersetzen?
Naja aber egal. Nach stundenlangem googlen/SuFu-Benutzen muss man doch auf CSS hover kommen...
Naja egal. Man nehme eine Div mit id "punkt_1" und eine mit id "punkt_2".
Die packe man in eine übergeordnete Div id "menu".
HTML:

<div id="menu">
  <div id="punkt_1"></div>
  <div id="punkt_2"></div>
</div>

CSS:

#punkt_1 { background-image: url("img/punkt_1.gif"); ...; }
#punkt_2 { background-image: url("img/punkt_2.gif"); ...; }
#punkt_1:hover { background-image: url("img/hover_punkt_1.gif"); ...; }
#punkt_2:hover { background-image: url("img/hover_punkt_2.gif"); ...; }

 

[Shuruna]

AW: Wie kann ich eine Navigationsleiste mit Bildern gestallten

das ist doch CSS 3, funktioniert nicht im IE.
Den Schatten kann er doch viel besser in der Grafik machen.

Da hast du allerdings recht.