[TYPO3-german] TMenu mit Reiter und Runden Ecken

[Maik]

schau mal nach "sliding doors" bei google;
wenn du das prinzip verstanden hast, dann
nutzt du die transparenz von gifs aus um auch
ohne javascript den hover effekt zu erzielen :)

grüße
maik
mediavrog.net

JoH asenau schrieb:
>> Da gibt es mehrere Lösungen:
>>
>> 1.) CSS 3.0:
>> border-top-right-radius:5px;
>> border-top-left-radius:5px;
>> (kann leider in der Form noch kein Browser)
>> aber Mozilla kann es als Spezial:
>> http://www.css4you.de/moz-border-radius.html
>> Anwendung: z.b. meine Site, vergleiche mit Mozilla<->IE
>>
>> 2.) CSS
>> einfach mit CSS ein background-image definieren, das bei a:hover
>> ausgetauscht wird. Dazu müssen die Menü-Einträge nur alle gleich groß
>> sein.
>>
>> 3.) GMENU
>> du bastelst dir die Reiter schön in typoscript (gifbuilder) und für
>> den Status RO gibt es halt ein anderes Basisbild als für den Status NO
>>     
>
> 4. ein zweiter Container, der per CSS die rechte Ecke als Hintergrundbild
> bekommt.
> Im Original Container wird die Linke Ecke mit ausreichen "Fleisch" als
> Streifen nach rechts eingebaut und der zweite Container wird mit
> position:absolute nacht rechts geschoben.
> Alles zusammen wird per JavaScript onmouseover/onmouseout geändert, indem
> der Original Container eine andere Klasse erhält, die beide
> Hintergrundbilder tauscht oder indem die Hintergrundbilder selbst
> angesprochen und getauscht werden. Letzteres ist zu bevorzugen, wenn die
> Klasse sehr viele CSS Eigenschaften hat, weil es die Performance
> runterreißt, wenn man dann die ganze Klasse tauscht.
>
> HTH
>
> Joey
>
>   
> ------------------------------------------------------------------------
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german