Beiträge von Mario

    Ich kann da meinen beiden Vorrednern nur beipflichten.


    Wenn du den Rat von Tom nicht annehmen möchtest sehe ich da nur 4 Möglichkeiten.

    1. So lassen wie es ist.
    2. Layout "Bella Responsive" nutzen, dieses hat von Haus aus nur das "Mobile Menü".
    3. "Seitentyp Leer" nutzen und das Widget "Navigationsmenü" nutzen, dieses lässt sich ebenfalls so Einstellen das nur das "Mobile Menü" genutzt wird.
    4. "Seitentyp Leer" nutzen und das externe Widget "Sliding Hauptmenü" nutzen, dieses lässt sich auch so einstellen das es sofort eingeblendet wird.

    Die Artikel finde ich ziemlich eng beieinander und somit unübersichtlich, wenn du hier mehr Abstand zwischen den Artikeln einbaust kannst du auch die Scroll-Position beeinflussen.


    Öffne jeden verlinkten Artikel gehe unten links auf das "Mischpult", anschließend Rechts auf "Mehr". Trage hier unter Inline-CSS folgendes ein: margin-top:100px



    PS: 100px ist natürlich ziemlich viel Abstand, aber das ist eben die Höhe welche es zu überbrücken gilt. Einfach mal testen wie es bei dem Abstand aussieht. Eventuell kannst du den Wert auch etwas verringern. Einfach ausprobieren.

    Ich führe dir das hier einmal an einem Beispiel auf.


    Nehmen wir mal an die hast folgenden Text:

    Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben.


    Hier möchtest du auf die Wörter am Anfang Wortbergen und am Ende Blindtexte verlinken.

    Schalte im Editor um auf Quelltext passe diese Wörter folgendermaßen an:

    Weit hinten, hinter den <span id="zieleins">Wortbergen</span>, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die <span id="zielzwei">Blindtexte</span> beherrscht – ein geradezu unorthographisches Leben.



    Für die Verlinkungen kannst du ebenfalls den Editor nutzen und schaltest wieder auf Quelltext um.

    Hier trägst du folgende Verweise ein:


    <a href="#zieleins">Link 1</a><br><a href="#zielzwei">Link 2</a>

    Ich finde das man die Funktionen der Layouts ganz gut ersehen kann, zumal ja der von Stefan angesprochene Filter schonmal sehr hilfreich ist.

    Als erstes müsste man die von Thomas begonnene Liste vervollständigen damit man nicht jedesmal alle Layouts neu prüfen muss wenn eine Funktion hinzu kommt.


    Ich persönlich fände es wichtiger anzugeben welches Alter die Layouts haben, denn auch wenn einige mal ein Update bekommen haben fangen manche schon ein wenig an zu humpeln. ^^

    Ich glaube nicht das es um "Youtube Link in einer Fancy-Box" geht.

    Ich habe einen Hyperling auf text gesetzt, welcher auf ein Youtube-Video verweist.


    Ich habe das mal getestet.

    • Wird der Link im neuen Fenster angelegt funktioniert dieser in der Browser-Vorschau.
    • Wird der Link im gleichen Fenster angelegt funktioniert dieser in der Browser-Vorschau nicht, weil YouTube versucht das Video auf dem lokalen Server zu öffnen. Nach dem Veröffentlichen funktioniert der Link aber Problemlos. BEISPIEL

    Kurz zur Info.

    Hier wurde eine "Artikelgruppe" im Widget-Ordner abgespeichert, was den Fehler verursacht.

    Artikelgruppen müssen zwingend in dem Ordner "articlegroups" gespeichert werden.

    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