Beiträge von Mario

Wie Maik schon schrieb ist es schwierig ohne ein Beispiel.

Eventuell hilft das:

• Button Hier kann im Button eine Grafik platziert werden.
• Button Icon Hier kann im Button ein Icon aus Font Awesome 4 platziert werden.

Die einfache Variante wäre diese:

<a class="button" href="https://stream.laut.fm/shout_fm" onclick="window.open(this.href, 'Fenstername', 'width=500,height=200'); return false"><span>Radio Einschalten</span></a>

Hat aber den Nachteil das der gute alte "Popup-Blocker" das vermutlich blockt, keine Ahnung ob es den überhaupt noch gibt. Und das es eben nicht besonders gut aussieht.

Das geht sicher auch viel eleganter, ist dann aber auch mit erheblich mehr Aufwand verbunden.

Das erste steht doch im gleichen Satz. einen Link zu widget-zp.de dem Impressum beifügen

ob Änderungen vorgenommen wurden Bedeutet wenn du an der Widget-Programierung nichts änderst musst du auch nichts dazu angeben.

Weitere passende Widgets wären: Social Media FA, Icon-Bar , Sidenav Buttons oder Sidenav Buttons Grafik.

Auch das ZP-Widget Sidebar Icons ist dazu sehr gut geeignet.

Bei weiteren Fragen bitte in entsprechenden Forum.

Ich habe eine PHP-Datei mit folgendem Inhalt erstellt und in den gleichen Ordner geladen. Welche ich dann als iFrame eingbunden habe.

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Beschriftung</title>
<link rel="stylesheet" href="kommentar.css">
</head>
<body>

<?php include "kommentar.php";?>

</body>
</html>

Ich bekomme eine Mail zur Freischaltung.

Die Mailadresse muss wenn ich das richtig Vestanden habe beim gleichen Provider registriert sein wie die Dateiablage und die Datenbank.

Hallo Ela,

für dieses Widget können alle Icons von Font-Awesome 4 verwendet werden.

Wenn du dort nicht fündig wirst schau dir mal das Widget Sidenav-Buttons-Grafik an, hier kann anstatt der Icons eine eigene Grafik verwendet werden. Das Verhalten "Mobile" ist hier aber anders.

Ich habe das jetzt einmal durchgespielt.

Wenn ich das ganze per Quelltext einfüge erhalte ich eine Fehlermeldung egal ob ich die Datei mit relativem oder absolutem Pfad einfüge.

<?php include "https://www.widget-zp.de/test/kommentar-box/kommentar.php";?> oder <?php include "/test/kommentar-box/kommentar.php";?>

Nach dem Veröffentlichen ist der Teil dann aus dem Quelltext entfernt.

Wenn ich eine weitere PHP-Datei mit dem Inhalt hochlade und diese per iFrame einbinde funktioniert es. LINK

Voraussetzungen: Webserver mit PHP 5.6 (oder höher), eine MySQL-Datenbank und Kenntnisse in HTML, CSS und PHP um die Scripte den eigenen wünschen anpassen zu können.

In der "kommentar.php" muss zuvor so einiges angepasst werden. Unter anderem zB. die Verbindungsdaten zu deiner MySQL-Datenbank.

Hast du denn die Schritte so wie angegeben durchgeführt?

Zitat

Führen Sie folgende Anweisungen nacheinander aus:

1. In der Datei: kommentar.php passen Sie die Einstellungen an.
2. Laden Sie alle Dateien auf Ihrem Webserver hoch.
3. Rufen Sie die Datei: install.php in Ihrem Browser auf.
4. Geben Sie Ihren Benutzernamen und das Passwort ein und drücken auf dem Button "Ausführen".
5. Nach erfolgreicher Installation, sollten Sie die Datei: install.php vom Webserver entfernen.

Eventuell hilft hier ebenfalls der Lösungsansatz vom Hanabi.

Ok, mal sehen ob der Steffen T. am Montag etwas damit anfangen kann.

Damit der Support das diagnostizieren kann fehlen dazu folgende Infos.

• genaue Windows Version
• genaue Zeta Producer Version
• wurde testhalber temporär Virenscanner / Firewall abgeschaltet
• zeigt die Windows Ereignisanzeige Fehler während des Startvorganges

Ein "Onepager" ist wie der Name schon sagt einfach nur eine Seite. Auf dieser Seite wird dann einfach auf Sprungziele verlinkt.

Dein Beispiel #2685 ist die Artikelnummer die in diesem Fall verlinkt ist.

Das Online-CMS sollte auch im Onepager funktionieren.

Allerdings funktioniert das Online-CMS nur einmal je Seite, egal ob Onepager oder nicht.

Indem du dem Artikel selbst die Hintergrundfarbe verpasst.

• Öffne das Widget, gehe unten auf das "Mischpult > Mehr".
• Im Feld "Inline-CSS" trägst du folgendes ein: background-color:orange;
• Das wird noch nicht gut aussehen, deshalb fügst du noch einen Innenabstand hinzu: background-color:orange; padding:25px;

Hier gehts weiter. LINK

Das kann ich so bestätigen, wenn ich die hochgeladene Datei "https://febatec.com/media/files/be…urf_ipad-03.mp4" unter Windows mit Chrome, Edge oder FF öffne wird lediglich eine Audiotatei abgespielt.

Wenn ich die Datei downloade und diese unter Windows abspiele wird das Video korrekt abgespielt.

Eventuell wurde die Datei auch speziell für "IOS" erzeugt. Heißt ja auch "entwurf_ipad-03.mp4".

Zitat von dl6gl

Der Quellcode lässt sich dann per copy&paste einfügen?

Ja

Zitat von dl6gl

Habe ich Dich richtig verstanden, dass die Höhe variabel ist? Sollte sie für einen besseren Überblick bei mehr als 5 Zeilen.

Lässt sich auch noch ein waagerechter Ziehbalken zufügen? Bei mir ist die Seitenbreite 700px. Da können Codetexte mit Kommentaren oder Hex-Zahlenreihen auch mal länger sein.

• Du kannst im Widget eine Höhe und Breite vergeben in welcher das Fenster geladen wird.
• Der Nutzer kann das Fenster unten Rechts packen und in der Höhe sowie in der Breite nach belieben vergrößern und verkleinern.
• Als Breite kannst du auch 100% vergeben, dann wird das Fenster in der Breite deiner Website geladen. (700px ist schon ziemlich mager)

Zitat von dl6gl

Wenn es Dir nicht zu viel Mühe macht, wäre das genau das Richtige.

Ist doch bereits fertig.

Ich habe das mal zum Anlass genommen um ein kleines Widget zu erstellen. Code Darstellung

Es gibt das Widget VIDEO HEADER.

Hier kann allerdings nur ein Video eingbunden werden.

Das ist normal und hat nichts mit ZP zu tun.

Einmal hier durchlesen: Browser-Cache

Ich könnte so etwas als Widget bringen. LINK

Den Inhalt könnte man mit Texteditor und/oder HTML-Quelltext einbinden.

Funktioniert aber nur am Desktop-Browser.

Mal das Widget Logo Scal testen.

Das Logo über Website > Einstellungen > Elemente > Logo anzeigen ausblenden. Und anschließend das Widget Logo Scal einfügen.

Zitat von Hanabi

Hallo Ingo,

mit VMWare und Parallels gibt es in der Regel keine Probleme. Aus dem Forum ist aber bekannt, dass die F8-Taste bereits vorbelegt ist und nicht für die Spaltenansicht genutzt werden kann.

Ergänzend dazu sei noch zu sagen das man in der aktuellen Version auch die Maus schubsen kann um in den "Spaltenmodus" zu gelangen: Erweitert > Spaltenansicht

Leider immer schwierig wenn sich hier alle bemühen zu helfen und nur wenige Infos gegeben werden was gesucht wird.

Zitat von bits

nein...kein fenster sondern über die komplette seite

Hierfür bietet ZP das Widget Video Hintergrund unter dem Reiter Multimedia zu finden.

Sollte dies nicht das gesuchte sein und auch nicht das aus Beitrag-2, bitte genauer beschreiben was gesucht wird.

Eventuell ist das etwas für dich: HEADER VIDEO

Ich nehme an hier geht es wie im anderen Thema um das Seiten-Hintergrundbild im Layout: Square Responsive.

Zitat von HOK

Die Hintergrundbilder kann man ja hori/verti wiederholen. Könnte ich es aber auch so hinbekommen, das ich nur ein Bild setze?

Im Layout-Designer nicht wiederholen wählen.

Zitat von HOK

und dieses immer mittig gesetzt wird?

Einstellungen > CSS

<style>
body {
background-position: center;
}
</style>

Aber ich denke das ist nicht das Ergebnis welches du erwartest.

Zitat von Stefan S

Bei sehr langen Seiten, wird das Hintergrundbild so aber extrem aufgeblasen und das wird in den meisten Fällen gräßlich aussehen. Also bitte hinterher nicht beschweren, wenn das nicht so gut aussieht und bitte erinnern Sie sich auch daran, wenn Sie derartigen Code einsetzen.

Sicher? Das Bild ist doch fixiert und sollte sich somit dem Bildschirm und nicht dem Inhalt anpassen.

Aber Grundsätzlich hat Stefan natürlich recht. Am Smartphone Hochkant wird das ganz anders aussehen als im Querformat. Also immer vorher testen.

Am besten zusätzlich zu deiner Notiz dem CSS noch einen Kommentar hinzufügen.

<style>
/* HINTERGRUNDBILD ZENTRIERT / FIXIERT / AN BILDSCHIRM ANPASSEN (Einzoomen und Ränder abschneiden) */
body {
background-position:center;
background-attachment:fixed;
background-size:cover;
}
</style>

Es gibt es in diesem Layout die Optionen "Hintergrundbild (Grafik Außen) und (Grafik Innen)". Ich gehe mal davon aus das es Hier um die Option "Hintergrundbild (Grafik Außen)" geht.

Zuerst mal finde ich das Hintergrundbild in diesem Layout nicht richtig Responsive. Das würde ich so anpassen.

Einstellungen > CSS

<style>
body {
background-position:center;
background-attachment:fixed;
background-size:cover;
}
</style>

Um das Bild auf einer Seite Auszublenden öffne die "Seiteneigenschaften" der betroffenen Seite.

• Zahnrad > Eigenschaften, hier auf den Reiter Attribute
• Gib in des Suchfeld mobile_script ein und öffne dieses Attribut
• Hier gibst du untenstehenden Code ein.
• Auch HIER beschrieben.

<style>
body {
background-image:none;
}
</style>

Um ein anderes Bild auf einer Seite einzubinden.

• Öffne de Bildverwaltung in ZP.
• Importiere das Bild, gehe anschließend mit der Maus über das Bild > Zahnrad > Mehr > Objekt-ID kopieren
• Öffne wie oben beschrieben das Attribut mobile_script in den "Seiteneigenschaften" der betroffenen Seite.
• Füge untenstehnden Code ein und ersetze oid://image/deinbild mit der kopierten Objekt-ID des Bildes.

<style>
body {
background-image: url("oid://image/deinbild");
}
</style>

um welches Layout handelt es sich denn?

Schau mal hier: TOOLTIP

Browser Cache leeren

Wie genau soll das denn aussehen?

Wird bald etwas kommen, allerdings nur mit einem Bild.

Dazu bis zu 3 Zeilen Text.

Zitat von nemessis

Scroll Balken am Smartphone ? hab ich nicht, wo soll der sein

Naja am Smartphone ist der auch schlecht zu sehen. Hat aber zur Folge das nicht die Seite scrollt sondern nur das kleine Stück Text wenn man darauf tippt und nach oben wischt.

In Stefans Screenshot ist das sehr gut zu erkennen weil dieser vom Desktop PC stammt.

Ich würde ebenfalls die Hintergrundfarbe entfernen.

Die Abstände geringfügig verkleinern damit der Scrollbalken am Smartphone verschwindet.

Und dem Text zur besseren Lesbarkeit eine Farb-Umrandung geben. Dazu kann ich dir nach meinem Urlaub gerne weitere Infos geben. Sieht dann ungefähr so aus wie HIER.

Hier Mal meine Gedanken zu den Thema. Eventuell hilft es dem einen oder anderen.

Bindet man den Text mit Hilfe eines Grafikprogrammes in das Bild ein wird Google diesen nicht lesen können. Ein weiterer Nachteil ist wenn das Bild auf kleinen Bildschirmen verkleinert dargestellt wird der Text proportional mit verkleinert und ist wahrscheinlich schlecht bis gar nicht lesbar.

Wird das Header-Bild "althergebracht" proportional verkleinert kann man möglicherweise keine Details davon am Smartphone sehen. Außerdem bleibt hier in der Regel zumeist kein Platz um den Text im Bild darzustellen. Deshalb wird zB. im Slider dieser dann unterhalb des Bildes dargestellt.

Bei der "moderneren" Variante (Cover) sollte der Fokus der Bilder in der Mitte liegen oder kein bestimmter Fokus vorhanden sein. Weil das Bild hier auf kleineren Bildschirmen eingezoomt wird und die Ränder so beschnitten werden das der komplette Container damit gefüllt wird. Dies hat auch den Vorteil daß hier der Text besser im Bild dargestellt werden kann weil der Container hier höher ist.

Meines Wissens gibt es auch ein Layout in welchem man die Darstellungsvariante auswählen kann. Leider fällt mir spontan nicht ein welches das ist.

Am einfachsten geht das sicher mit dem Container-Hintergrundbild.

• Als ersten Artikel dein Buchungs-Skript über das Widget Quelltext einfügen.
• Über das Inline-CSS-Feld des Widgets kannst du dem Widget dann eine Hintergrundfarbe, Paddingwerte, Rahmen usw. geben.
• Anschließend dem entsprechenden Container ein Hintergrundbild verpassen.

Ich nehme an hier geht es um das Widget WZP Bilder Karussell.

Hierzu bitte im entsprechenden Forum posten.

PS: Dieses Widget wurde bereits vor längerer Zeit wegen Fehlern entfernt.

• Beide Widgets verwenden den Player des Browsers, dieser wird also in jedem Browser etwas anders aussehen und kann nicht verändert werden.
• Gerade getestet, Chrome, Firefox und Edge unter Windoes funkioniert ganz normal mit Linksklick und das Icon zeigt dieses auch korrekt an. Chrome unter Android und Safari unter IOS funktionieren per Touch, auch hier wird das Icon korrekt angezeigt.
• Mit welchem Browser tritt das denn auf?

Alternativ kannst du auch das Widget Video Box oder Video Fancybox verwenden. Hier lassen sich bis zu 16 Videos je Widget einfügen.

Zitat von Steffen T.

Hallo,

Sie könnten die HTM-Datei manuell auf den Webserver hochladen und diese dann im Projekt via IFrame darstellen.

Siehe https://docs.zeta-producer.com/iframe.html (gibt es auch in ZP15).

Geht mit Zeta Producer sogar noch etwas kompfortabler.

• Erstelle ein "Widget Quelltext" mit folgendem Inhalt: <iframe src="https://www.zeta-producer.com" name="iframe_a" height="600px" width="100%" title="Iframe"></iframe>
• Gehe zu "Erweitert > Dateien" und importiere deine "HTM-Datei". Führe den Mauszeiger über die Datei und klicke auf das Zahnrad > Mehr > Objet-Datei-ID kopieren und "schließen".
• Öffne das zuvor erstellte "Widget Quelltext" und tausche https://www.zeta-producer.com mit dem Inhalt der Zwischenablage.

Zitat von JosefGermany

Hallo Steffen,

vielen Dank für die Antwort.

Leider bin ich ziemlicher Laie und brauche daher bitte eine Anleitung, wie ich Ihren Tipp

"Alternativ die Inhalte der HTM-Datei manuell via Copy & Paste auf eine neue Seite im Projekt einfügen."

umsetzen kann.

Freundliche Grüße

Josef

Alles anzeigen

Um das genau zu sagen müsstest du den kompletten Code der HTM-Datei hier aufzeigen.