Beiträge von Mario

  • Wir & Leverkusen - neues Projekt

    Auf jeden Fall.
    Du nutzt für die Kopfgrafik PNG-Dateien, diese haben zum Teil eine Größe von über 2MB.
    Wenn du diese in JPG-Dateien umwandelst und vernünftig komprimierst solltest du ohne große Einbußen auf eine Dateigröße von 200KB kommen.

  • Lupen-Widget hängt sich auf Iphone/Ipad auf

    Ah, wieder etwas gelernt. Danke Uwe dafür.

    Das ist auf Android-Geräten ebenso, ich finde diese Darstellung aber für Touch-Geräte ok.


    @MattiF
    ich habe das mit dem Ausblenden probiert.
    HIER einfach mal das Browser-Fenster in der Breite verkleinern.

    Diesen Code

    CSS
    <style>
@media (max-width: 979px) {
div.articlearea img, .zpRow.standard div.zpImageGallery > a {
display: none;
}}
</style>

    habe ich für diese Seite eingefügt. Wie du den den Code einfügst erfährst du HIER.
    Den Wert unter "max-width" musst du an dein Layout anpassen.

  • Formular 12.5 "Mehrzeiliges Textfeld"

    In 12.2 war es so das der Standardwert beim klick in das Feld markiert war und man ihn somit einfach überschreiben konnte. In 12.5 ist das scheinbar nicht mehr so, oder habe ich da eine Option übersehen?

    Hier ein Beispiel, runter scrollen zum Feld "Hier Bemerkungen / Wünsche..."
    12.2
    12.5

    PS: mir ist auch aufgefallen das der Spam-Schutz jetzt teilweise Bilder Zeigt die ein normaler Mensch nicht lesen kann.

  • Formular 12.5

    Zitat von sseiz

    Also die Anzeige des Datumsformats in Chrome ist offensichtlich die korrekte und vorgesehene Art von Chrome so ein Datumsfeld anzuzeigen.

    Ja, das denke ich auch. Da aber der Textfeld-Name nicht angezeigt wird ist diese Option nicht einsetzbar, der User weiß ja nicht welche Information ich abfragen möchte.

    Das einzige was ich mir vorstellen könnte wäre das der Textfeld-Name wie in den Listenfeldern vor dem Eingabefeld angezeigt wird.
    Würde ZETA das abändern können/wollen?

  • Formular 12.5

    • Chrome "Version 42.0.2311.135 m"
    • Firefox 37.0.2
    • Internet Explorer 11.0.9600.17728
    • Bei Opera, finde ich keinen Versionshinweis. Den habe ich aber erst vor einer Woche installiert.


    Im Chrome und Opera wird das Datumsformat angezeigt aber nicht der Textfeld-Name. Der "Auswahl-Button Datum" wird hier angezeigt.
    Im Firefox und Internet-Explorer wird der Textfeld-Name angezeigt, aber nicht der "Auswahl-Button Datum".

  • Formular 12.5

    Ich habe gerade die neuen Formular-Optionen getestet. Dabei ist mit folgendes aufgefallen:

    • Wenn ich die Option "Datum" auswähle erscheint im Internet-Explorer sowie Firefox der Textfeld-Name, so soll es sicher auch sein. Im Chrome sowie Opera steht da aber nur das gewünschte Format "tt.mm.jjjj" (Fotos im Anhang). Somit weiß der User nicht was ich da eigentlich abfragen will.
    • Für den "Auswahl-Button Datum" würde ich mit einen Kalender-Icon anstatt des Dreiecks wünschen.
    • Was wird denn bei der Option "Telefon" abgefragt? Da wird scheinbar alles akzeptiert.

    HIER das Testformular, kann gern getestet werden. Die Mail kommt bei mir als Test-Nachricht an.

    PS: Mir ist gerade noch aufgefallen das der Auswahl-Button für das Datum im Chrome sowie Opera angezeigt werden, im Internet-Explorer sowie Firefox jedoch nicht.

  • Onlineshop Bildergröße

    Oh ja ähm... :huh:
    Bisher hat mir leider die Zeit gefehlt mich intensiv mit der Widget-Erstellung zu beschäftigen.
    Ich habe mir das kurz angeschaut, aber dazu fehlt mir dann doch das erforderliche Know-how, und im Moment auch die Zeit mich da richtig einzuarbeiten.

  • Fenster Einstellungen in der Größe veränderbar

    Bisher hat die Größe des Fensters für die Einstellungen prima gepasst.
    Da wir ja nun glücklicherweise die Option CSS in dem Fenster haben wäre es Sinnvoll das man die Möglichkeit hat dieses in der Größe zu verändern, so wie es zB. in den Attributen der Fall ist. Durch die frühzeitigen Umbrüche in dem kleinen Fenster wird das sehr unübersichtlich.

  • Hintergrundgrafik nur auf einer Seite

    Der Begriff "mobile_script" ist in der Tat etwas verwirrend. Das hat nichts mit der Darstellung auf Mobilgeräten zu tun, sondern ist einfach ein Code der nachträglich zur Seite hinzu gefügt wird.

    Willst du nur einen Teil vom hinzu gefügten Code löschen, dann entfernst du diesen einfach wieder. Willst du alles löschen was du in "mobile_script" hinzu gefügt hast gehst du mit Rechtsklick auf "mobile_script" > Löschen > Attribut Löschen > OK

  • Stripe Responsive

    Ich bekomme den Text auch nicht ganz nach unten. Die Befehle die versucht habe greifen nicht.

    Das einzige was halbwegs funktioniert ist: margin-top: 150px; oder margin-top: 8%;

    Eventuell kann der Herr Seiz etwas dazu sagen. Wenn ich den Quelltext richtig interpretiere hat der das Layout geschrieben.

  • Hintergrundgrafik nur auf einer Seite

    Hallo Rick,
    ich nehme an das ist das Layout "Modern Responsive".

    Wie du CSS für eine Seite eingibst kannst du HIER einsehen.
    Wie du Bilder auf den Server bekommst HIER.

    CSS für eine Hintergrundgrafik:

    Code
    <style>
body {
background-image: url("http://www.deinedomain.de/deinordner/deinbild.jpg");
}
</style>


    Soll die Hintergrundgrafik zentriert sein:

    Code
    <style>
body {
background-image: url("http://www.deinedomain.de/deinordner/deinbild.jpg");
background-position:center;
}
</style>


    Soll die Hintergrundgrafik nicht mit scrollen:

    Code
    <style>
body {
background-image: url("http://www.deinedomain.de/deinordner/deinbild.jpg");
background-attachment:fixed;
}
</style>


    Soll sich die Hintergrundgrafik bestmöglich dem Browserfenster anpassen "Responsive":

    Code
    <style>
body {
background-image: url("http://www.deinedomain.de/deinordner/deinbild.jpg");
background-size:cover;
}
</style>

  • Stripe Responsive

    Hallo Frank,
    wenn du zB. die Einstellung "Position: Links" / "Ausrichtung: Linksbündig" wählst wird der Text Linksbündig zum Inhaltsbereich ausgerichtet. Rechts ebenso.

    Ich nehme an du willst das ganz am Browserrand ausrichten.
    Gehe zu Einstellungen > CSS und füge dort folgendes ein:

    CSS
    <style>
div.flex-caption {
max-width: 95%;
}
</style>

    PS an ZETA: in Stripe Responsive wird die Transparenz der Hintergrundfarbe "Text in der Kopfgrafik" nicht übernommen. Bitte prüfen.

  • Wie verlinkt man zu FAQ-Artikeln?

    Hallo,
    ich würde so vorgehen.

    • Die Seite mit dem FAQ veröffentlichen.
    • Diese Seite im Browser öffnen und den Quelltext anzeigen lassen.
    • Hier suchst und findest du den entsprechenden Link im Format von <a href="#a1234">Linktext</a>

    Beispiel:
    Auf dieser Seite möchte ich den Link zum FAQ "Einzelzimmer 2015" setzen. Im Quelltext finde ich den Eintrag <a href="#a2171">Einzelzimmer 2015</a> dieser ist klickbar, im neuen Fenster öffnet sich nun die Seite mit dem geöffnetem FAQ. Hier kopierst du die URL und kannst diese als Link verwenden. In meinem Fall wäre das http://www.zella.de/verfuegbarkeit.html#a2171.

  • "Telefon-button" Producer Responsive

    Wie Jochen schon schreibt, musst du im Responsive-Layout testen ob das in der Mobilen Darstellung alles noch passt.
    Dazu einfach das Browserfenster in der Breite verkleinern.

    Oben rechts wird da schwierig.
    Ich nutze HIER ebenfalls Producer Responsive. Oben links die Social-Media-Button wurden auf diese Weise eingebunden.
    Ich habe diese so positioniert:

    Code
    <div style="position: absolute; top:10px; margin-left: 0px; width:25px; height: 25px; z-index:8001;" class="image4"
> <a href="https://www.facebook.com/probsteizella" target="_blank"><img title="zu Facebook" alt="" border="0" src="http://zella.de/bilder/social2/000fb.png"></a></div>

  • Code Responsive machen

    Ich hatte das gestern Abend schon mal mit den Codes aus meiner Seite probiert, da wurden immer Scrollbalken angezeigt.
    Allerdings hatte ich mir den Code für dein Video nicht genauer angesehen. Da steht "width":599,"height":337 deshalb wurde das so beibehalten. "width":100%,"height":auto funktioniert aber auch nicht.

  • Tabelle aus MS Expression

    Hallo Franz, du kannst CSS für eine Seite oder für alle Seiten angeben.

    Wie das in ZP 12.2 geht habe ich hier beschrieben.

    In ZP 12.5 gilt das gleiche wenn du CSS für einen Seite einfügen willst. Wie das in 12.5 für alle Seiten gteht hat ja Herr Seiz schon beschrieben.

  • Bilder nach dem konvertieren in 12.5 nicht angezeigt

    Da es zu diesem Thema schon viele Beiträge gibt bin ich mir nicht sicher ob das Problem schon bekannt ist.

    Ich habe heute noch einmal versucht ein Projekt zu konvertieren.
    Erst mal positiv ist das die Konvertierung nun viel schneller von statten geht.
    Aber die Bilder werden teilweise nicht richtig übernommen.

    In der Zeta-Internen Vorschau sieht alles gut aus. Gehe ich aber auf Vorschau werden im Browser die Bilder nicht angezeigt. (Screenshot im Anhang)

    Dieser Fehler tritt scheinbar bei allen Bildern auf die im Header und im Text-Editor eingefügt wurden.
    Bilder die per Widget Bild oder Bildergalerie eingefügt wurden werden ordnungsgemäß übernommen.

    Dies habe ich in Producer Responsive und Contemporary Responsive festgestellt.

  • Länderfahnen im Layout Dokumentation Responsive

    Hi,
    mit einem kleinen Trick kannst du die Flaggen über die Seite legen.
    Allerdings nicht genau da wo du sie haben willst, weil diese sonst in der mobilen Ansicht nicht mehr abgezeigt werden.


    Variante 1 -weiter nach rechts geht nicht

    Code
    <div style="position: absolute; top:-115px; margin-left: 100px; left:50%; z-index:8001;"
> <a href="http://community.zeta-producer.com/" target="_blank"><img title="" alt="" border="0" src="http://www.meine-erste-homepage.com/flaggen/uk.gif"></a></div>




<div style="position: absolute; top:-115px; margin-left: 140px; left:50%; z-index:8001;"
> <a href="http://community.zeta-producer.com/" target="_blank"><img title="" alt="" border="0" src="http://www.meine-erste-homepage.com/flaggen/germany.gif"></a></div>

    Variante 2 -mehr nach links sieht schon besser aus

    Code
    <div style="position: absolute; top:-115px; margin-left: 200px; z-index:8001;"
> <a href="http://community.zeta-producer.com/" target="_blank"><img title="" alt="" border="0" src="http://www.meine-erste-homepage.com/flaggen/uk.gif"></a></div>




<div style="position: absolute; top:-115px; margin-left: 240px; z-index:8001;"
> <a href="http://community.zeta-producer.com/" target="_blank"><img title="" alt="" border="0" src="http://www.meine-erste-homepage.com/flaggen/germany.gif"></a></div>

    Variante 3 -in diesem Layout ist unter dem Logo-Bereich genügend Platz, ich würde die Flaggen dort postionieren

    Code
    <div style="position: absolute; top:0px; margin-left: 0px; z-index:8001;"
> <a href="http://community.zeta-producer.com/" target="_blank"><img title="" alt="" border="0" src="http://www.meine-erste-homepage.com/flaggen/uk.gif"></a></div>




<div style="position: absolute; top:0px; margin-left: 40px; z-index:8001;"
> <a href="http://community.zeta-producer.com/" target="_blank"><img title="alt="" border="0" src="http://www.meine-erste-homepage.com/flaggen/germany.gif"></a></div>