Layout: Technical Responsive - Vertikale Trennlinie ausblenden

  • Hallo liebe Community-Gemeinde,

    derzeit arbeite Ich an meinem 3. Projekt (auch wenn die anderen beiden noch nicht fertig sind). Für mein 3. Projekt habe Ich schon das passende Layout gefunden. Dennoch habe Ich noch eine Frage an die Runde:

    Kann man im Inhaltsbereich die vertikale Trennlinie des Layouts "Technical Responsive" auch via CSS ausblenden?

    Edit: Die Sitemap wurde ausgeblendet! (das war die richtige Bezeichnung)

    MfG der Wölfe-Man

    6 Mal editiert, zuletzt von Woelfe-Man (29. März 2016 um 10:27)

  • Hallo,

    da ich dieses Layout selber nutze, könnte ich Dir hier wahrscheinlich behilflich sein.
    Das Ausblenden der vertikalen Trennlinie habe ich verstanden - kann man ausblenden
    Das Untermenue könnte man auch ausblenden - aber ich verstehe den Part nicht .....

    ...... Das darüberliegende Menü soll (über der Fussleiste) komplett ausgeblendet werden.......

    Das müsstest Du nochmal genauer erklären ..... (oder einen Screenshot machen)

  • Hallo Thomas

    vielen Dank für die Antwort.

    Edit: Die Sitemap wurde ausgeblendet! Für mein 3. Projekt wird dieses Menü überflüssig.

    Vielleicht können Sie mir aber dabei behelfen: Ich möchte die vertikalen Umrandungen mit einer schwarzen Farbe versehen. Das passt dann optisch besser zu dem geplanten Projekt. Der Hintergrund soll die graue Farbe behalten, nur die vertikalen Umrandungen oder Balken sollen die schwarze Farbe bekommen.

    MfG der Wölfe-Man

    10 Mal editiert, zuletzt von Woelfe-Man (29. März 2016 um 10:28)

  • Ok,

    es handelt sich hier um eine Grafik, nicht um einen Wert den man per css anpassen könnte.
    Die Grafik ist hinterlegt im Layoutdesigner unter -> Allgemein > Abschnitt Hintergrund -> Hintergrundgrafik 2

    Wenn Du diese Grafik durch eine komplett schwarze Grafik ersetzt, sollte der von Dir gewünschte Effekt eigentlich schon erreicht sein.
    Die derzeit verwendete Grafik findest Du hier:

    C:\Users\xxxxxxx\AppData\Local\Zeta Producer 13\Packaging\Layouts\Technical Responsive\variants\01-Grau\assets\stock-images\bg-dark.png

    Also ich würde es so machen:
    Unter dem o.g. Pfad die Grafik bg-dark.png kopieren und speichern unter bg-black.png.
    Die Grafik mit einem x-beliebigen Grafikprogramm bearbeiten und mit schwarz füllen -> speichern.

    Anschließend im Layoutdesigner die neue Grafik einfügen - erledigt.
    Wenn alles geklappt hat, sollte nun eigentlich ein schwarzer Rand zu sehen sein.

  • Vielen Dank für den sehr guten Tipp, Thomas. :)

    Auf die Idee bin Ich noch gar nicht gekommen. Das Webdesign liegt mir wohl nicht so ganz, daher verwende Ich ja Zeta Producer. :D

    Jetzt geht es nur noch um die Trennlinie im Inhaltsbereich.


    MfG der Wölfe-Man

    Einmal editiert, zuletzt von Woelfe-Man (29. März 2016 um 10:29)

  • Auch hier handelt es sich um eine Grafik, die aber per css ausgeblendet werden kann ...

    ... ohne Gewähr und der Möglichkeit, dass es vom off. Support oder anderer Seite eine bessere Lösung gibt.

    • Gehe zu Webseite -> Einstellungen -> CSS
    • Trage in das Feld den den nachfolgenden Codeschnipsel ein
    CSS
    <style>
    #contentbox {
      background-image: none
    }
    </style>
    • Speichere das Ganze
    • Benutze die Funktion "Webseite erstellen" indem Du F6 oder bei manchen Laptops auch fn+F6 betätigst
    • Diese Änderung wirkt sich auf die gesamte Webseite aus.

    Bedenke, dass diese Eintragung eigentlich nur für dieses Layout vorgesehen ist, die Eintragungen hier als solches im Bereich CSS aber auch dann gelten, wenn Du einen Layoutwechsel vornimmst. Also nicht wundern, wenn es dann bei einem anderen Layout möglicherweise "schräg" aussieht.

  • Hallo Thomas,

    der Like-Button sagt ja eigentlich schon alles. Dennoch teile Ich noch kurz mit: Die vertikale Trennlinie ist nun weg. Ganz zufrieden bin Ich mit dem aktuellem Ergebnis aber noch lange nicht. Aber so wie es jetzt ist, geht das in Ordnung. Leider kann Ich die volle Inhaltsbreite nicht komplett verwenden, auch wenn die Trennlinie optisch weg sein mag. Ich werde den Inhalt schon irgendwie unterbringen können.

    MfG der Wölfe-Man

    2 Mal editiert, zuletzt von Woelfe-Man (29. März 2016 um 10:29)

  • Manfred,

    nunja, die Linie ist weg, das war die "Aufgabe". Alles andere sind halt alles so individuelle Geschichten, die wirklich auch ganz spezifische Lösungen benötigen.
    Sicherlich ist es möglich das ganze Layout einmal komplett auf Links zu drehen (also sicher auch nun noch den Content-Bereich zu vergrößern und respektive den News Bereich zu verkleinern) aber sei Dir im Klaren darüber, dass jede individuelle Änderung zwar im Desktop Bereich noch gut aussehen mag, in der mobilen Anischt dann aber vieleicht schon nicht mehr, da hier vieleicht ein paar zusätzliche Zeilen CSS nicht mehr ganz ausreichend sind.

    Manchmal kann etwas weniger auch etwas mehr sein ..... ;)

  • Hallo Thomas,

    pardon: Vielen Dank für die Hilfe. :) :thumbup:

    Eine schönes angenehmes Osterfest wünsche Ich Ihnen noch.

    MfG der Wölfe-Man

    2 Mal editiert, zuletzt von Woelfe-Man (29. März 2016 um 10:30)

Jetzt mitmachen!

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