Anpassen von Text, Widget Übersicht und Formularen

  • Hallo!

    Wir werden uns demnächst den Zeta Producer anschaffen, umunsere Firmenhomepage zu überarbeiten.
    Zum Test - ich musste ja schauen, ob sich unsere Vorstellungen mitdem ZP umsetzen lassen - habe ich mir die kostenlose Home-Version runtergeladenund bin damit schon fleißig am Basteln und Ausprobieren. Nun sind im Laufe der „Testphase“ einige Fragen aufgetaucht,auf die ich im Handbuch und hier im Forum keine Antwort finden konnte.

    Ich nutze (noch) die Home-Version 12.5 mit dem LayoutAtmosphere Responsive
    Kaufen wollen wir die Express-Version

    1. Zeilenabstand:
    Ich habe am Ende der Seite drei nebeneinander platzierteTextfelder erstellt, in denen Kontaktdaten (Adresse, Telefonnummern…) und einpaar Links stehen sollen. Die Schriftgröße in diesen Textfeldern habe ich verkleinert– es soll sich etwas vom restlichen Inhalt der Homepage abheben – und bin mitdem Ergebnis nicht glücklich.
    Die Schrift wird zwar kleiner, doch der Zeilenabstand bleibtder selbe wie mit der größeren Schrift (gleich wie auf der restlichen Seite). Dadurchwirkt der Inhalt „auseinandergezogen“. Das sieht, wie ich finde, nicht so tollaus.
    Gibt es hier die Möglichkeit, den Zeilenabstand zuverkleinern?

    2. Logo:
    Unser Logo geht über die gesamte Breite des Inhalts. Genauergesagt ist rechts und links vom Logo noch ein horizontaler Balken (oder einedicke Linie), der bis zum Rand geht. Wenn man das Fenster mobilgerätmäßigverkleinert wird aber auch das Logo so verkleinert, dass es kaum noch zuerkennen ist. Weil eben die Breite mit dem Balken dann an die neue Breite angepasstwird.
    Kann man hier dem ZP sagen, dass das Bild nur in einembestimmten Ausschnitt angezeigt werden soll? Beim Verkleinern des Fensters alsoseitlich ein Teil abgeschnitten werden soll?
    Oder dass es ab einer bestimmten Bildschirmbreite ein anderesLogo anzeigt, das dann ohne den Balken erstellt wird?

    3. Terminübersicht:
    Wir haben einige Termine, die wir bisher immer in einerTabelle dargestellt haben. Das Widget Übersicht gefällt uns aber sehr gut.Daher werden wir damit unsere Termine einbauen. Da man dafür aber die Termineerst einfügen muss habe ich eine „geheime“ Seite erstellt, die nichtveröffentlicht werden soll, von der aber die Termine in die Übersicht geholtwerden.
    Soweit so gut. Nun würde ich gerne, zusätzlich zu der Sortierungnach dem Veranstaltungsort und Zeitraum, nach einem weiteren Kriterium suchenlassen, am liebsten nach dem Titel der Veranstaltung.
    Hintergrund ist der, dass unsere Kunden die Möglichkeithaben sollen, sich schnell z.B. nur alle Seminartermine oder Messetermineanzeigen zu lassen.

    4. Formular:
    Wenn ich das richtig mitbekommen habe, lassen sichFormularfelder innerhalb eines Formulars nur untereinander und nichtnebeneinander anordnen? Also z.B. das Feld für die PLZ links neben dem für denOrt.

    5. Footer:
    Nachdemwir eine Lizenz gekauft haben, lässt sich der Footer dann bearbeiten wie ein „normaler“Inhaltsbereich? Also kann ich da meine drei Textbereiche von oben (1.)reinsetzen?
    Aber damit warte ich vielleicht besser bis es soweit ist. :)

    6. Und zum Schluss noch was Unwichtiges – die Trennlinie:
    Lässt sich eine Trennlinie auch dicker machen?


    Mit den Codeschnipseln von Mario habe ich auch schongebastelt. Das klappt soweit ganz gut. Teilweise habe ich mit dem Einbinden von eigenem CSS aber noch ein paarSchwierigkeiten, die Fragen stell ich dann aber wann anders :D

    Hui, ist doch ein ganz schön lager Text geworden (dabei hab ich schon gekürzt :whistling: )

    Ich freue mich über Antworten und Tipps.

    Liebe Grüße
    Vanessa

  • 3. Terminübersicht:

    Hallo Vanessa,

    Du Kannst bei der Erstellung von Terminen die "Art" eingeben. So können die Kunden nach "Messe" oder "Seminar" filtern. Wir verwenden das Veranstaltungsmodul ebenfalls auf unserer Homepage.

    Edit: (Nachtrag) Auch die "geheime Seite" muss natürlich mit veröffentlicht werden, damit sich die Veranstaltungsübersicht die Daten holen kann und der Besucher beim Anklicken eines Termins auf die Details kommt. Über die ->"Seiteneigenschaften" kannst Du aber einstellen, dass diese "geheime Seite" nicht im Navigationspfad erscheint und über die "Googleeigenschaften" verhindern, dass diese Seite in die Sitemap aufgenommen wird. Gerade eine solche Terminseite ist aber bei Google wichtig, da sich hier Inhalte ständig ändern. Wenn Google beim Durchforsten dieser Seite häufige Änderungen feststellt, wird Google diese Seite öfter besuchen, um stets auf dem aktuellen Stand zu sein. Aus SEO-Sicht wäre also zu überdenken, diese "geheime Seite" doch öffentlich zu präsentieren (z. B. Navigation NEIN, Sitemap JA)

    • Stimmt, das sollte sich ZETA mal anschauen. Aber um die Textfelder vom Inhalt abzuheben nutzt du besser das Widget Hinweisbox, dieses findest du unter dem Reiter "Struktur".
    • Das geht schon. Aber hierzu sind schon einige Eingriffe nötig. Dazu fehlt mit im Moment leider die Zeit.
    • Erledigt.?
    • Das ist richtig. Wenn du zweizeilig haben willst musst dir einen externen Anbieter suchen und dieses dann in Zeta einbinden.
    • Klicke mal oben rechts auf Einfügen > Ein. Nun müsste im Footer ein +Zeichen erscheinen um Widgets einzufügen.
    • Gehe auf Einfügen > CSS ,gib dort dieses ein und passe es an:
      CSS
      <style>
          hr { 
       height:5px; 
       border: none;
       background: #ff0000;
          }
      </style>

      Dort wo du die Trennlinie haben willst fügst du das Widget Quelltext mit folgendem Inhalt ein:

      HTML
      <hr>
  • Hallo Thomas und Mario,

    vielen Dank für eure Antworten.

    Du Kannst bei der Erstellung von Terminen die "Art" eingeben. So können die Kunden nach "Messe" oder "Seminar" filtern. Wir verwenden das Veranstaltungsmodul ebenfalls auf unserer Homepage.


    Das habe ich jetzt so gemacht, danke. Ich hatte das auch schonmal gesehen, konnte aber mit der Bezeichnung und Beschreibung nichts anfangen... Dank eurer Homepage hab ich's kapiert ^^


    Bei 1. habe ich mich wohl ungeschickt ausgedrückt. Der Text soll nicht auffälliger sein, sondern sich eher etwas zurücknehmen. Abheben im Sinne von "nicht mit dem Text verschwimmen". An den Hinweisboxen stört mich in dem Fall, dass ich für 3 Spalten Text auch 3 Boxen einfügen muss (oder eine Tabelle machen, die sich dann mobil nicht untereinander anordnet).
    Ich habe es jetzt durch die Schriftfarbe gelöst. Der Text der Seite ist schwarz, der Inhalt der 3 Felder nun grau. Durch die tolle dickere Linie (danke für den Code!) gefällt mir die Lösung so jetzt sehr gut.

    Die Sache mit dem Logo ist jetzt erstmal nicht so wichtig, für die Zukunft wäre das ganz interessant. Du musst dir da auch keine Arbeit deswegen machen. Und auch dass das Formular nur einspaltig ist ist nicht weiter störend.

    Klicke mal oben rechts auf Einfügen > Ein. Nun müsste im Footer ein +Zeichen erscheinen um Widgets einzufügen.


    Danke! 8o Das ist klasse, die Funktion hatte ich bisher immer aus.


    Was anderes... irgendwie wurden mir ein paar Leerzeichen geklaut im ersten Post. Und auch die Smilies werden nicht angezeigt ?(
    edit: Habe mal die Einstellungen im Antwortfenster geändert... jetzt funktioniert's.

    Liebe Grüße
    Vanessa

  • Hallo,

    ich brauche schon wieder Hilfe.

    Heute Morgen habe ich meine Lizenz eingegeben (habe nun also Express und keine Home-Version mehr). Ich weiß nicht, ob mein Problem damit zusammenhängt, aber viel mehr habe ich heute in meinem Projekt noch nicht gemacht, außer ein paar Bilder und etwas Text hinzugefügt.
    Jedenfalls habe ich plötzlich einen horizontalen Scrollbalken am Ende des Fensters, der erst verschwindet, wenn ich die Fensterbreite breiter als die maximale Breite der Seite ziehe.

    Ich habe eben das Logo ausgeblendet. Danach ist es wieder "normal". Blende ich das Logo wieder ein, kommt auch der Scrollbalken zurück. Das verstehe ich aber nicht, bis heute Morgen hat das Logo nie Probleme gemacht.
    Dazu muss ich sagen, das Logo ist eine sehr breite Grafik (1000px), da rechts und links davon noch eine Linie bis zum Rand der Seite weitergeht.
    Man kann es in dem Screenshot erahnen.

    Ich hoffe, das lässt sich einigermaßen einfach beheben.

    Liebe Grüße
    Vanessa

  • Hallo,

    das müssten wir zum nachvollziehen mal online sehen. Bitte hier mal den Link zur Website posten.

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

  • Hallo,

    die Website ist noch nicht online, da ich erst noch das Grundgerüst baue.
    Ich habe einen Teil davon jetzt probehalber veröffentlicht:
    [Link entfernt]

    Nur... wie bekomme ich sie später wieder da runter?

    LG

    Einmal editiert, zuletzt von Van (5. Oktober 2015 um 15:14) aus folgendem Grund: Link entfernt, da Seite geändert

  • Hi Vanessa,
    ich kann nur zu 1. etwas beitragen. Zeilenhöhe kann geändert werden unter:
    > Layout > Alle Einstellungen anzeigen > Inhaltsbereich > unter "Text" lässt sich die Zeilenhöhe ändern.

    Viele Grüße
    Manni

  • Hallo,

    also ich kann da keinen horizontalen Scrollbalken entdecken. Ist vermutlich nur in der internen Vorschau so.

    Die veröffentlichte Website über Zeta-Hosting kann über "Extras | Optionen | Öffentliche Website löschen" wider entfernt werden.

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

  • also ich kann da keinen horizontalen Scrollbalken entdecken. Ist vermutlich nur in der internen Vorschau so.


    Bei mir ist er sowohl im Zeta und der Vorschau, als auch im Browser nach dem Veröffentlichen zu sehen. Ich habe es gestern auch zu Hause getestet und auch da taucht er auf. Wenn man ganz runter scrollt am Ende der Seite.
    Er verschwindet jedoch, sobald die Breite erreicht ist, bei der das Menü einklappt. Auch auf dem Smartphone ist er nicht.

    Wie auf dem Bild weiter oben zu sehen lässt sich der Inhalt durch den Balken nach links verschieben, sodass er über das Menü geschoben wird.

  • Hallo,

    ich konnte das eben nachvollziehen.

    Das Symptom tritt nur im IE und im FF auf und liegt an deinem Logo (der lange Strich/die Länge).

    Ich denke damit kann der Steffen was anfangen, und evtl. gibt es einen Code dazu, womit man das beheben kann.

    Gruß
    Jochen

  • Hmm... ich habe den Code jetzt mehrfach eingegeben, sowohl über Einstellungen > CSS als auch über Erweitert > Attribute > mobile_script. Aber es sieht noch genauso aus wie vorher. (Link von oben ist aktuell)

    Was ist eigentlich der Unterschied, ob ich den Code über die Einstellungen oder die Attribute eingebe? Welche Variante ist "besser"?

  • Probieren Sie mal folgendes:

    Code
    <style>
    	#logo img {
    	    width: 100%;
    	}
    </style>

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

Jetzt mitmachen!

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