Vorschlag: CSS-Feld-Gestaltung

    Hallo,

    es finden sich immer wieder Nutzer, die mit eigenem CSS arbeiten. Das dazu in Zeta Producer integrierte CSS Feld über Einstellungen -> CSS eignet sich hierfür ja bekanntlich sehr gut.
    Desto mehr dort aber untergebracht wird, kann es leider aber auch sehr schnell unübersichtlich werden und es besteht die Gefahr, dass man eventuell nicht mehr weiß, welcher Code Bereich wohin gehört.
    Sicher könnte man die einzelnen Bereiche auch auskommentieren damit man weiß wofür die einzelnen Bereiche nun hingehören.
    Vieleicht könnte die nachfolgende Idee das Verfahren aber noch etwas einfacher machen.

    Dazu dachte ich an einen Aufbau des CSS Eingabefeldes ähnlich wie dem Aufbau des Widget Tabs.
    Vom Grundsatz her bleibt das Eingabefeld so wie es ist nur mit der Möglichkeit Tabs zu integrieren und diese individuell zu beschriften.
    Ich hoffe, dass der Screenshot meine Denkweise etwas verdeutlicht.
    Vieleicht kann man ja mal darüber nachdenken ob dies so umsetzbar wäre.

    Hallo,

    ich gebe eines zu bedenken:

    Wenn man das auf Zig Felder aufteilt, kann man z.B. nicht einfach den kompletten CSS-Code in nen Texteditor kopieren und ihn da durchsuchen. Debugging wird auch schwierig, weil man dann in zig Tabs suchen muss ("wo hatte ich den code noch gleich eingefügt?"…
    Ich würde das Problem daher einfach über Kommentare lösen.

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

    Hmmmm ....

    Zitat von sseiz

    Debugging wird auch schwierig, weil man dann in zig Tabs suchen muss ("wo hatte ich den code noch gleich eingefügt?"…

    .... wenn ich 20 Tabs im normalen Widget "Tabs" erstelle, ist das (Debugging) dann einfacher ?
    Auskommentieren hatte ich ja erwähnt. Wenn ich aber meine Tabs selber beschriften kann ...

    • Workaround für Menue
    • Workaround für Sidebar
    • Workaround für dies und jenes ....
    • Meine Änderungen für Tabellen
    • .... und was weiß ich ....

    .... dann macht es das vieleicht etwas einfacher zum Erkennen - so der Ahhhhh Effekt.

    Man könnte es ja beispielsweise auch auf die Erstellung von 5 oder X Tabs begrenzen.

    Sry Uwe,

    aber die Änderung der Fenstergröße durch Ziehen der markanten Punkte bringt die eigentlich Idee nicht weiter oder habe ich das irgendwie falsch interpretiert ?

    Zitat von Mario

    Möglichkeit längeren CSS-Code direkt über Zeta-Producer auszulagern


    Können Sie ausführen, was Sie sich darunter vorstellen? Ich verstehe noch nicht ganz, was hier gemeint sein könnte.

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

    Längeren CSS-Code sollte man ja auslagern um die HTML-Seite schlank zu halten.
    Ich mache das bisher so das ich die externe CSS-Datei im Windows-Editor schreibe, diese mit FileZilla auf den Server lade und diese dann in der HTML-Seite verlinke.

    Code
    <link rel="stylesheet" type="text/css" href="http://www.zella.de/css/zella12.5.css">

    Ich komme damit gut zurecht und bräuchte keine Änderung. Könnte mir aber gut vorstellen das es für manche Nutzer sehr viel einfacher wäre wenn Zeta das mit einem Klick erledigen könnte.

    Also im CSS-Fenster einen Button "CSS-Auslagern" mit dem Hinweis das dies nur bei längerem CSS Sinn macht.
    ZETA sollte dann den CSS in eine externe Datei schreiben, diese zB. im Order "output/assets" ablegen und in der HTML verlinken.


    War wie gesagt ein Gedanke der mir durch den Kopf schwirrt. Ich weiß natürlich das ZETA eigentlich für Nutzer gemacht ist die mit HTML nicht viel zu tun haben möchten. Aber das Entwickler-Tool zeigt ja das man wohl auch an Nutzern interessiert ist die sich ein wenig HTML und Co beschäftigen.


    PS: Mir persönlich wäre es viel wichtiger das man das CSS-Fenster endlich anpacken und vergrößern kann.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden