suche css skript?!?

[Applewein]

Hallo MU,

suche nach einer css vorlage, allerdings fehlt mir die Bezeichnung zu dem nach was ich suche. ein beispiel mal auf http://www.strato.de/. auf der seite kann ich mich durch das menü profi-website, meine homepage, online fotoalbum etc. durch einen mouseover die inhalte (hier grafiken und text) im selben fenster wechseln. wie nennt man diese menüs? findet man ja häufig im web zur zeit diese darstellung.

kann mir jemand sagen wie man so ein skipt nennt ? vllt auch ne idee wo ich tutorials oder vorlagen finde?

schönen sonntag!
applewein

 

[Dilirias Cortez]

Mhhh. Also mit CSS hat das nichts zu tun. CSS macht ja nur Design. Dürfte eine Javascript geschichte sein. However. Im Prinzip macht das Ding ja nichts als nach einer gewissen Zeit einen zufälligen oder nicht zufälligen Container einzublenden der Inhalte wie Bilder oder ähnliches beinhaltet. Aber von meiner Seite aus. Lass solche Spielereien. Wenn die nicht perfekt platziert sind leidet die ganze Optik und kein Mensch will da drauf gehen

 

[rm -r *]

Wie man das genau nennt, weiß ich nicht, aber das hat mehr mit Javascript als mit CSS zu tun.

Wenn Du mit der Maus über einen dieser Menüpunkte gehst, wird per Javascript der Inhalt des Kastens oben ausgetauscht.

 

[Applewein]

okay danke , dann ein javascript. wie komme ich an ein passendes skript?

 

[rm -r *]

Im Idealfall schreibst Du Dir eins.
Oder Du suchst Dir eins, das im Grunde das macht, was Du auch haben möchtest und passt es entsprechend an.

Aber ohne ein minimum an Know-How geht da nicht viel.
Es sei denn es gibt Tools, wo man sich das zusammenklicken kann.
Da kenne ich mich aber nicht aus.

 

[Saugkraft]

Im Prinzip geht das so:

<div id="schickerwechselnderinhalt">hier steht der krempel</div>
<div id="menue1" onmouseover="javascript:einblendfunktion();">erster link</div>

<script type="text/javascript">

function einblendfunktion();
 {
 document.all.schickerwechselnderinhalt.innerHTML = "<img src='bild1' />"
 }

Wenn du mit der Maus über den ersten Link fährst, wird die Funktion einblendfunktion aufgerufen. In der wird dann der HTML Inhalt des divs ersetzt.
Damit du mehrere verschiedene Bilder anzeigen lassen kannst, muss du noch einen Parameter an die Funktion übergeben, damit das Skript weiß, welches Bild geladen werden soll.

 

[Atarimaster]

Mir scheint, einige Leute hier unterschätzen die Fähigkeiten von CSS.


Natürlich geht sowas mit reinem CSS, also ohne JavaScript – und genauso ist es übrigens auf der Strato-Seite auch realisiert: Schaltet mal JS ab und ruft die Seite auf, die Menüs funktionieren dann trotzdem noch.

Das Prinzip dieser Menüs kann man bei Eric Meyers Pure CSS Menus nachlesen.
Darauf aufbauend gibt es Erweiterungen, wie z.B. diese hier, welche nur für Browser, in denen die »reinen« CSS-Menüs dann doch nicht funktionieren (bspw. IE bis Version 6), auf JS zurückgreifen.

 

[Atarimaster]

Ooops, ich muss mich korrigieren:
Ich hab zu schnell gelesen. *schäm*

Ich dachte, es ginge um die Menüs der oberen Navi (Domains, EasyWeb, Hosting...)

Also, ich nehme alles zurück und behaupte das Gegenteil!

 

[Saugkraft]

Trotzdem ein guter Hinweis.