Breite News-Bereich

  • Hallo, ich benutze seit kurzem Zeta-Producer zum erstellen unserer Firmen-Hompage.
    Ich komme damit ganz gut zurecht und habe auch schon fast alles vom alten Stand (X5 Evolution) auf Zeta umgesetzt.

    Wo ich aber momentan ein Problem habe, ist die Breite des News-Bereichs. Ich möchte darin z.B. auf der Kontakt-Seite unsere Adresse und Kontaktdaten einblenden und da wir lange Email-Adressen haben xxxxxx.xxxxxxxxxx@cdr-engineering.de ist der News-Bereich nicht breit genug und ist gibt einen Umbruch in der Mailadresse. Ich suche jetzt schon verzweifelt nach einer Lösung, bin aber noch nicht fündig geworden, den Bereich einfach ein wenig breiter zu machen.
    Wenn ich in der style.css Änderungen vornehme, hat das keine Auswirkungen :(

    Wo muss ich da was änder? Ich verwende das Layout "Tweet" eine Breitenänderung der Bereiche ist über die Experten-Funktion im Layout leider nicht vorgesehen, hier kann lediglich die gesamte Seitenbreite angepasst werden.

    Ich hoffe hier kann mir jemand helfen.

    Vielen Dank im Voraus.

  • Hallo und willkommen im ZP-Forum,

    du warst schon auf der richtigen "Fährte" mit einer Änderung in der Styles.Css.

    Nur must du dazu erstmal die Grundlage schaffen, das du die richtige styles.css zum ändern hast.

    Dazu mal das untere hier lesen und durchführen.
    Wenn du dies dann hast, kannst du in der dortigen styles.css Datei im Abschnitt /***** SIDEBAR *****/
    bei width deinen gewünschten Wert eintragen.

    Aber Vorsicht 1: Wenn du es zu groß machst, kann sich eine Verschiebung des Newsbereichs ergeben, da dann den Inhaltsbereich kleiner machen.

    Vorsicht 2: Bein manuellen Änderungen in der styles.css Datei übernehmen weder Zeta-Software, noch ich eine Garantie auf die weitere Lauffähigkeit deines Projektes!!

    Gruß
    Jochen


    Hallo zusammen.

    Anpassen von Layouts in ZP11 (Farben, Schriften etc.) ohne Eingriff in die Templateprogrammierung oder CSS
    In ZP10 hat man sich, um seine Anpassungen zu sichern immer ein bestehendes Layout kopiert. Das ist in ZP11 nicht mehr notwendig, da wir hierfür die sogenannten "Varianten" eingefügt haben.
    Sobald man im Layout-Editor Änderungen an einem Layout durchführt und diese mit OK anwendet, erstellt ZP11 automatisch eine Variante in der die geänderten Einstellungen gespeichert sind (Die Farbigen Rechtecke unket dem Screenshot des Layouts im Layout Editor).

    Der Benutzer kann sich auch selbst eigene Varianten unter einem definierbaren Namen abspeichern.

    Auf diese Weise kann man genau wie in ZP11 zwischen den Werks-Einstellungen der Layouts und eigenen Anpassungen, bzw. zwischen verschiedenen Layouts umschalten, ohne eventuelle Anpassungen zu verlieren. Der einzige Unterschied ist, dass man sich nun eine Variante speichert und nicht eine komplette Kopie des Layouts.


    Anpassen von Layouts in ZP11 (Farben, Schriften etc.) mit Eingriff in die Templateprogrammierung oder CSS
    Wenn tiefergehende Anpassung an ein Layout gewünscht sind, die einen Eingriff in die jeweiligen Termplates erfordern, so kopiert man sich am besten den Ordner, der das gewünschte Layout enthält aus dem Installationsverzeichnis in den Ordner "Layouts" seines Projektordners (wenn es den Ordner noch nicht gibt, einfach anlegen).
    Also z.B. den Ordner "Golf" aus "C:\Users\UB\AppData\Local\Zeta Producer 11\Packaging\Layouts\de\" in den ordner "Layouts\" innerhalb Deines Projektordners kopieren.

    Dann über den Layout Editor z.B. das Layout "Golf" (für dieses Beispiel) auswählen und anschließend alle Änderungen nur an den Daten des kopieren Layout Ordners in deinem Projekt durchführen.

    Wichtig zu wissen ist hierbei, dass Dir der Layout-Editor in diesem Fall nur ein "Golf" Layout anzeigen würde und zwar Deine lokale Kopie. Wenn Du der Kopie einen anderen Namen geben willst (zur besseren Unterscheidung), musst Du die "Konfiguration.xml" im ordner "meta" des kopierten Layouts bearbeiten und dort in Zeile 2 den Parameter "name" z.B. von name="Golf" auf name="Meine Kopie von Golf" ändern.

    Das weitere Vorgehen, also die Anpassung von default.html bzw. CSS ist eigentlich gleich wie bei ZP10.

    Ich hoffe das war verständlich und hilft erst einmal weiter.
    Freundliche Grüße
    Stefan Seiz (Zeta Software GmbH)

    Gruß
    Jochen

  • Hallo Jochen, vielen Dank für die schnelle Hilfe :)
    Ich habe versucht mal nach der Anleitung vorzugehen, was ich aber nicht verstehe ist, wie wähle ich dann das Layout, das ich in den Projektordner kopiert habe aus bzw. wie bringe ich den Layout-Editor dazu dieses Layout zu verwenden?


    Ich habe jetzt in meinem Projektordner einene Ordner "Layouts" angelegt, in den habe ich den Ordner "Tweet" aus dem Installationsverzeichniss von Zeta-Producher kopiert.


    Mache ich da was falsch oder stehe ich irgendwie auf dem Schlauch?

    Doch hat alles funktioniert. Jetzt werde ich mach mal an die Anpassungen machen.

    Ich bin jetzt fertig mit dem Design und konnte durch kleine Anpassungen in der style.css alles nach meinen Bedürfnissen anpassen, nochmal Danke für die Hilfe.


    Vielen Dank.

    2 Mal editiert, zuletzt von driver140771 (14. Oktober 2012 um 21:29)

Jetzt mitmachen!

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