Beiträge von Mario

  • Schriftgröße im Gästebuch

    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>

  • Besseres Gästebuch

    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

  • Live vorschau Einstellungen

    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. :thumbup:

  • Mobile Ansicht und Telefonnummer

    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.

  • Kopfgrafiken werden unscharf angezeigt

    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.

  • Tabellen-Sortierung wie bei Excel möglich?

    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.

  • Whats App Tool

    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

  • Buttongröße

    Folgendes CSS sollte wie gewünscht funktionieren.

    Einstellungen > CSS

  • Cookie Banner erscheint zusätzlich mit Cookie Consent

    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}

  • Buttongröße

    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.

  • Spalte zentrieren

    Zitat von SFGoldscheuer

    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.

  • Container in der Smartphone Ansicht ausblenden

    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.

  • Container in der Smartphone Ansicht ausblenden

    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>

  • Einbinden von Touch Icons

    • 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

  • Absenden Button

    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>

  • Wie entferne ich ein Widget?

    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.

  • Spalte zentrieren

    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"

  • Suchfeldergebnisse

    Kann ich so nicht bestätigen. TESTSEITE

    • Das Widget "Suche" zeigt die Ergebnisse an der Stelle an wo das Widget eingebunden wurde ohne zum Anfang der Seite zu springen.
    • Das Widget "Suchfeld" wechselt zur System-Seite "suche-html" und zeigt dort die Ergebnisse an.

    Eventuell irgendwelcher Fremd-Code oder Fremd-Widget auf der Seite im Einsatz?

  • Angaben zu Maßen (z.B. Linkbox)

    Wie gesagt es gibt keine Höhenangabe, diese ergibt sich aus dem Inhalt plus den Padding-Werten. Deshalb kann weder ZP noch irgend ein Tool eine Höhe ausspucken. Ich mache in solchen Fällen immer einen Screenshot und messe dann in einem Grafikprogramm.