Beiträge von Mario

    Unter "Einstellungen > CSS" folgendes einpflegen:


    Die Werte musst du nach deinen Bedürfnissen anpassen. Im 2. Teil des Codes kannst du noch Anpassungen für die mobile Ansicht vornehmen.

    Ja das Widget stammt von mir, die Seite "zella.de" ebenfalls.

    Beides hat grundsätzlich nichts miteinander zu tun. Lediglich das von Tom angesprochene Forum welches im Widget verlinkt ist liegt auf dem Server von "zella.de".


    Bisher liegen mir keine weiteren Infos dazu vor. Vorsichtshalber werde ich aber gleich mein FTP-Passwort ändern.

    Hallo Guido,

    der Elch hat schon recht, ich versuche das hier mal genauer zu erklären.


    <img src="deinbild.jpg" />

    Ein Bild ohne weitere Attribute


    <img src="deinbild.jpg" alt="deinbild-alttext" />

    Ein Bild mit dem "Alt-Text Attribut", dieser Text wird angezeigt wenn aus irgend welchen Gründen das Bild nicht dargestellt werden kann.

    Dieses Attribut ist für Google wichtig.


    <img src="deinbild.jpg" alt="deinbild-alttext" title="deinbild-title" />

    Ein Bild mit dem "Alt-Text Attribut" und "Title Attribut", das "Title Attribut" wird beim überfahren mit der Maus am Desktop-PC angezeigt.

    Ob das "Title Attribut" für Google von Belang ist darüber streiten sich die Gelehrten. Die Tendenz geht eher zu nein.


    In Zeta Producer ist das "Title Attribut" leider etwas unverständlich ausgewiesen aber leicht zu vergeben. Du hast ja das "Alt-Text Attribut" bereits vergeben. In der Bildverwaltung befindet sich direkt darunter ein Fenster "Beschreibung" , das was du hier eingibst wird als "Title Attribut" ausgegeben und sollte beim überfahren mit der Maus angezeigt werden.

    Ich kann leider im Moment nicht testen.

    Probiere mal folgendes CSS:

    CSS
    <style>
    .zpgb-entry p {
    font-size: 1.2;
    }
    </style>


    Alternativ mal das probieren:

    CSS
    <style>
    #guestbook_content p {
    font-size: 1.2em;
    }
    </style>

    Also das Layout des "Yellabook" finde ich persönlich sehr viel altbackener als das das von Zeta Producer. Hier im Vergleich zu deinem Link mal MEINES.


    Außerdem bin ich der Meinung das es nicht viel Sinn macht noch viel Zeit in die Weiterentwicklung des Gästebuches zu investieren weil dieses längst durch die "Sozialen Medien" abgelöst wurde. Meine Seite bekommt demnächst ein Update, da wird das dann so aussehen. LINK

    Ich war der Meinung das die "Live-Vorschau innerhalb Zeta-Producer" irgendeine "Chrome-Variante" nutzt, früher "Internet Explorer". Ich konnte aber in den "Versionshinweisen" keine Infos dazu mehr finden.

    Aber wenn du das getestet hast dann wird es wohl so sein. :thumbsup:

    Schwer zu sagen ohne es online zu sehen oder einen Screenshot vom gesamten Kopfbereich zu sehen.


    Eventuell reicht es schon im Layout-Designer "unter Logo > Logografik" den Wert bei "Abstand Mobiler Menübutton" oder "Abstand unten" nach oben zu setzen. Oder unter Hauptmenü die Farben anzupassen.

    Nimm "Originalfoto 5906 Pixel Breite" und skaliere dieses im Grafikprogramm anstatt 1600x350 auf 1920x420 Pixel. Diese Auflösung sollte für die Mehrzahl der genutzten Bildschirme passen.

    • Lösche in ZP die Kopfgrafik, nicht nur das Bild sondern den gesamten Header.
    • Nun in den Layout-Einstellungen die Kopfgrafik auf 1920x420 Pixel stellen.
    • Jetzt fügst du einen neuen Header mit dem neuen Bild ein.

    Hallo Olaf,

    eine solche Tabellen-Sortierung gibt es bisher nicht.


    Ich habe bisher 2 Widgets erstellt in denen man Artikel / Button heraus filtern kann. Gallery Filter / Filter Button

    Den Gallery-Filter könnte man sicher auch so umbauen das man den Inhalt mit dem Text-Editor befüllen kann. Eventuell könnte man hier auch die Suchfunktion wie bei den Button hinzu fügen.


    Mit Tabellen könnte man eventuell auch etwas basteln. Könnte dann in etwa so aussehen: Sort-Table / Filter-Table

    Ein Exel-Import wird dann aber sicher nicht möglich sein.


    Was gefällt dir am besten?

    Ich würde gerade wegen der Responsiven Darstellung dazu tendieren das Widget Gallery-Filter entsprechend umzubauen.

    Hallo Holger,

    das von dir gezeigte Beispiel ist schlecht umgesetzt, mal am Smartphone anschauen.


    Zum Thema,

    hierfür extra ein Widget zu erstellen macht keinen Sinn weil man in Zeta Producer mit jedem Widget in welchem man verlinken kann solche WhatsApp Links setzen kann. Somit hat man die größte Vielfalt an Möglichkeiten. Das ist von WhatsApp hier sehr gut beschrieben. LINK


    Ich möchte das hier mal genauer beschreiben.

    • In dem Widget, sei es ein "Text-Artikel", "Link-Box" oder was auch immer einen Link " EXTERN" setzen.
    • Die Ländervorwahl muss immer gesetzt werden, +49 wird in WhatsApp abgekürzt zu 49.
    • Möchtest du also einen WhatsApp-Link zu der deutschen Nummer 0172123456 welche mit Ländervorwahl so aussehen würde +49172123456, müsste der Link so aussehen: https://wa.me/49172123456
    • Das gleiche mit einem vorgegeben Wort "Hallo" würde so aussehen: https://wa.me/49172123456?text=Hallo
    • Leerzeichen werden mit einem %20erzeugt. Das ganze mit einem vorgegeben Text "Hallo ich brauche Infos" würde dann so aussehen: https://wa.me/49172123456?text=Hallo%20ich%20brauche%20Infos

    Folgendes CSS sollte wie gewünscht funktionieren.


    Einstellungen > CSS

    Hier handelt es sich nicht um das Widget "Info-Banner".

    Scheint mir so als du dieses mal von "eu-datenschutz.org" eingebunden hast. Wo genau du das eingebunden hast kann ich nicht sagen. ich nehme mal an über Attribute.


    Folgendes habe ich auf deiner Seite gefunden:

    Code
    https://eu-datenschutz.org"; display: block; padding-bottom: 20px;}*/.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}.cc_container .cc_message{font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}.cc_container .cc_logo{display:none;text-indent:-1000px;overflow:hidden;width:100px;height:22px;background-size:cover;background-image:url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/cookie-consent-logo.png);opacity:0.9;transition:opacity 200ms}.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_banner-wrapper{height:66px}.cc_container{padding:15px 15px 15px;overflow:hidden;position:fixed;top:0;left:0;right:0}.cc_container .cc_btn{padding:8px 10px;background-color:#f1d600;cursor:pointer;text-align:center;display:block;width:33%;margin-left:10px;float:right;max-width:120px}.cc_container .cc_message{display:block}@media screen and (min-width: 500px){.cc_container .cc_message{margin-top:0.5em;color:white}}@media screen and (min-width: 768px){#webhint{display:block}.cc_container{padding:15px 30px 15px}.cc_container .cc_btn{padding:8px 15px}}.cc_container{background:#222;color:#fff;font-size:17px;font-family:"Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;box-sizing:border-box}.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#000;background-color:#f1d600;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#fff;color:#000}.cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;transition:200ms color}.cc_container a:hover,.cc_container a:active{color:#b2f7ff}@-webkit-keyframes slideDown{0%{margin-top:-66px}100%{margin-top:0}}@keyframes slideDown{0%{margin-top:-66px}100%{margin-top:0px}}@-webkit-keyframes growDown{0%{height:0}100%{height:66px}}@keyframes growDown{0%{height:0}100%{height:66px}}.cc_container{-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-name:slideDown;animation-name:slideDown}.cc_banner-wrapper{-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-name:growDown;animation-name:growDown}

    Hallo,

    Bitte immer genau beschreiben worum es geht. Ich habe jetzt eine ganze weile gebraucht um heraus zu finden das es hier um das Widget Untermenü geht.

    Um hier helfen zu können müsste man wissen welches Layout hier verwendet wird.

    kann ich auch die spaltenbreite manuell einstellen?

    Gruß

    Ja, kommt darauf an was du vor hast.


    Nehmen wir mal an du hast 4 Spalten, die erste soll 40%, die anderen jeweils 20% der Tabellenbreite erhalten.

    • Spalte 1 erhält das HTML-Attribut style="width:40%", die anderen Spalten das HTML-Attribut style="width:20%"


    Oder eine Spalte soll eine Mindestbreite von 200px erhalten.

    • Diese Spalte erhält das HTML-Attribut [tt]style="min-width: 200px""[/tt


    Nicht vergessen sich das dann in der Mobilen Ansicht anzuschauen.

    Hallo mayer,

    ich wollte dich keineswegs kritisieren, bitte weitermachen. Deine Hilfe ist hier sehr willkommen. Gerade für Shop-Benutzer ist sie schon fast unabdingbar.


    Was das ; betrifft. Du hast schon recht das der letze Eintrag dieses nicht benötigt. Dies gilt allerdings nur für "Inline-CSS". Bei CSS welches im Header oder einer einer CSS-Datei geschrieben wird muss auch der letzte Eintrag das abschließende ; erhalten. Gut möglich das das CSS auch manchmal so funktioniert, korrekt ist es nicht.


    Das das CSS nicht im Header steht kann ich nicht verstehen. Einträge welche unter "Einstellungen > CSS" vorgenommen werden sollten auf allen Seiten in den Header geschrieben werden.

    Da hat sich ein kleiner Fehler eingeschlichen. Ein fehlendes ;.


    Probiere es nochmal so:

    Wie beschrieben gibst du dem Container die CSS-Klasse: class-container-holger.


    Unter Einstellungen > CSS fügst du folgendes ein:

    CSS
    <style>
    @media (max-width: 400px) {
    .class-container-holger {
    display: none;
    }}
    </style>

    Nein das gereift nur auf der Seite wo das Widget eingefügt wurde.

    • Da kannst aber eine Verknüpfung für die anderen Seiten hinzufügen. LINK
    • Für neue Seiten kannst du eine Vorlage erstellen wo das Widget bereits angelegt ist. LINK

    Sollte so sein. Ich habe natürlich nicht alle Geräte zum testen zur Verfügung.

    Windows-Phone könnte man auch mit rein nehmen. Das würde das ganze aber mächtig aufblähen, so ist es sicher besser.

    • Richtig es gibt dafür derzeit Widget.
    • Die Bilder kannst du mit einem FTP-Programm wie zB. FileZilla in dein "Root Verzeichnis" laden.
    • Den Code welcher zwischen <head> </head> eingetragen wird fügst am besten über das Attribut "additional_meta" hinzu. "Website > Erweitert > Attribute > Standard > additional_meta"
    • Um sicher zu gehen das alles übernommen wird anschließend "Website > Erweitert > Erstellen > alle Seiten erstellen" und anschließend "Website > Veröffentlichen > alle Seiten veröffentlichen"
    • Dieser Code bleibt bei einem Update erhalten

    Opa Thomas war schneller :S

    Hallo Marcus,

    soll das Global in diesem Projekt übernommen werden gehe zu: Einstellungen > CSS und gib dort folgendes an:

    CSS
    <style>
    .zp-form input.button {
    border-radius: 5px;
    }
    </style>

    Hallo Volker,

    • Navigiere in ZP zu der besagten Seite.
    • Schalte mit "F8" in den Spaltenmodus.
    • Suche nach einem Widget / Quelltext mit unten stehendem Inhalt (sollte ganz am Ende sein) und lösche dieses.
    Code
    <div align="center"> <div class="animateBoxROuter"> <div class="animateBoxR"> <div class="closeButton" style="position: absolute; top: 6px; right: 6px; cursor: pointer;"><img src="" width="30" height="30" border="0" alt="X" title="Infobox schliessen"></div> Weitere Infos und Bilder gibt es hier:<p> <a href="http://www.lotsava-school.org">Ladakh</a></p> <a href=""></a><p> Auch über Kontakte mit deutschen Schülern würden sich die indischen Jungen und Mädchen freuen:</p> <a href="mailto:info@lotsava-school.org">e-mail</a><p> <a href=""></a></p> </div> </div> </div> <script type="text/javascript">
    $('.animateBoxROuter').delay(300).animate({'z-index' : '999'});
    $('.closeButton').click(function() {
    $('.animateBoxR').fadeOut(1000)
    });
    </script>




    Mit "F8" wieder zurück zur Live-Vorschau.

    Nun sollte das Fenster weg sein. Das dazugehörige CSS ist aber noch vorhanden. Hier gibt es verschiedene Möglichkeiten dieses einzufügen.

    • Ich denke mal es ist dort: Anleitung
    • Hier im Attribut "mobile_script" unten stehenden Code löschen.

    Der erste Gedanke ist den wert z-index: 5025; nach oben setzen.


    Wenn das nicht hilft müsste man das Online sehen, oder noch besser den eingefügten Code hier anhängen.

    Die Bilder haben scheinbar alle unterschiedliche Maße.

    Diese sollten vor dem Einsatz in ZP alle in einem Grafikprogramm die gleiche Breite und Höhe verpasst bekommen..

    Die andere Variante ginge so:

    • Im Widget unten rechts auf das Zahnrad.
    • Die entsprechende Spalte auswählen und unter "HTML-Attribute" folgendes eintragen: style="text-align: center"