CSS Spielereien insbesondere in Responsive Layouts

  • Hallo,

    ich hab mal spaßeshalber ein CSS Workaround in eine Testseite im Layout "Smart Responsive" eingebaut:
    http://www.yabbwelt.org/zetatest/test.html

    Hier funktioniert diese kleine Tabspielerei wunderbar. Auch im Layout "Portofilio Responsive" sowie den nicht responsiven Layouts geht es. Wechsele ich aber das Layout z.Bsp. nach "Panorama Responsive, Contemporary Responsive oder auch Stripe Responsive" funktioniert das nicht mehr.

    Warum ?

  • Hallo,

    ich probiere diese tabspielerei auch schon sehr lange. Könbtest du mir kurz deinen code zeigen wie du das hinbekommen hast? Ich wäre dir sehr dankbar da ich es nicht schaffe...

  • Warum verwendet Ihr nicht ganz einfach das Widget "Tabs", welches wir in Version 12.2.0 mitliefern. Findet Ihr unter der Gruppe "Struktur". Da sind die Tabs auch responsive.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • Hallo .....

    Zitat


    ..... ich probiere diese tabspielerei auch schon sehr lange. Könbtest du mir kurz deinen code zeigen wie du das hinbekommen hast? Ich wäre dir sehr dankbar da ich es nicht schaffe...

    ... wenn es Dir weiterhilft mach ich das natürlich gerne. Gib mir aber bitte etwas Zeit .... ;)

    Zitat

    Aber die Tabs sind leider nicht Responsive und somit nur bedingt für die responsiven Layouts verwendbar.

    Ja Mario, bisserl blöd, das stimmt ....

    Zitat

    Warum verwendet Ihr nicht ganz einfach das Widget "Tabs", welches wir in Version 12.2.0 mitliefern. Findet Ihr unter der Gruppe "Struktur". Da sind die Tabs auch responsive.

    Ich kenn die Tab Funktion. Mein Ziel war es, eine optisch etwas ansprechendere Alternative zu finden. Meine Eingangsfrage ist damit leider noch nicht beantwortet.

  • Hallo ThM

    vielen Dank, dass Du mir diese erstellst resp den Code zu verfügung stellst... Grundsätzlich bräuchte ich 3 Tabs...

    wie lange denkst du dass du brauchst? So weiss ich ob ich an einer anderen baustelle bei der website weiterarbeiten kann...

    Einmal editiert, zuletzt von dnr247 (13. Oktober 2014 um 13:59)

  • Hallo,

    um die Eingangsfrage beantworten zu können, sollten wir die genauen Codeschnipsel und eine Beschreibung, wie diese dem Projekt hinzugefügt wurden, bekommen. Sonst tun wir uns schwer, herauszufinden, was denn nun genau auf der Seite, die in der Eingangsfrage verlinkt ist, eingefügt wurde.

    Wir brauchen Code und Beschreibung genau so, dass wir es Schritt für Schritt mit einem unserer Projekte nachstellen können. Und selbst dann können wir dies nur tun, wenn wir etwas Zeit dafür übrig haben, da es sich nicht um von uns erstellten Code handelt (wir generell nicht jeden Fremdcode debuggen). Wenn wir Zeit haben, tun wir dies aber in der Regel gerne.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo Herr Seitz,

    danke für Ihre Antwort. Ich bin mir bewusst, dass es nicht für alles und für jeden einen geeigneten Tip oder Rat gibt und selbstverständlich ist es nicht Ihre Aufgabe irgendwelchen Fremdcode zu debuggen oder einbaufertig aufzubereiten.

    Für mich stellte sich einfach nur die Frage (und ich finde einfach keine plausible Erklärung) warum diese Tabfunktion in dem einem Responsive Layout korrekt (auch in der Vorschau) angezeigt wird und in einem anderen Responsive Layout wiederum nicht (weisse Seite). Ich verstehe einfach den Unterschied nicht.

    Ich hatte es bereits an anderer Stelle schon einmal erwähnt, dass man sich gerade an diesen "Kleinigkeiten" (Generell Einbinden von Fremdcode, Verwendung von Javascript ohne Konflikte usw.) die Zähne ausbeißt, um zu verstehen wie es geht und was man im einzelnen machen mus.

    Letztendlich ist es aber nur eine Spielerei gewesen, die es nicht erfordert hier tiefer zu analysieren.
    Vieleicht finde ich noch eine andere Lösung ...

    Danke aber trotzdem für das Angebot .....

  • Hallo ThM

    vielen Dank, dass Du mir diese erstellst resp den Code zu verfügung stellst... Grundsätzlich bräuchte ich 3 Tabs...

    wie lange denkst du dass du brauchst? So weiss ich ob ich an einer anderen baustelle bei der website weiterarbeiten kann...

    Ich hab die nächsten Tage ein bisserl wenig Zeit, aber schau mal hier:
    Animated Content Tabs

    Ich denk, dass bekommst Du auch so hin .......

  • Danke viel mal...

    einfach den code downloaden anzahl festlegen und dann den quelltext einfügen? Oder muss ich was spezielles beachten...

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!