Beiträge von Mario

Mario

Gehe im Windows-Explorer zum Verzeichnis C:\Users\Benutzername\Documents\Zeta Producer xx\Projekts. Hier findest du einen Ordner mit dem Namen deines Projektes. Diesen Ordner kopieren und an geeigneter Stelle "als Sicherungskopie" einfügen.

Mario

Zitat von Hanabi

Hinzu kommt die Verwendung des extern entwickelten Widgets "Inforeihe" von Mario , welches anscheinend von der Zeta-Suche nicht als zu indexierender Inhalt erkannt wird.

Ich habe das jetzt intensiv geprüft. Muss ich mich im neuen Jahr wohl mal mit dem Support kurz schließen.

Im Widget ist die "Sichindexierung" aktiviert, davon sind mehrere Widgets betroffen.

Mario

Zitat von Jochen Schnepf

<a id="sonderangebot"</a>

Da fehlt eine schließende Klammer.

Zitat von Jochen Schnepf

Das Ganze mit <div zerschießt das Layout.

Das kann eigentlich nur passieren wenn der Code fehlerhaft ist. Eventuell auch die fehlende Klammer. Richtig wäre: <div id="sonderangebot"></div>

Zitat von Jochen Schnepf

Restproblem: Damit gibt's in der Darstellung natürlich einen zusätzlichen Leerraum über dem Artikel.

Bei <p> muss es einen Leerraum geben. Bei <div> eigentlich nur bei älteren Versionen von ZP. Welche Version wird denn verwendet?

Mario

Das liegt daran das du den Slider als Header nutzt.

Öffne das Widget "Slider" gehe unten auf das Mischpult, dann auf mehr. Hier gibst du unter Inline-CSS folgendes ein: margin-top: -70px

Mario

Zitat von Friedrich

Wenn ich Dich richtig verstehe, antwortest Du dazu wohl lieber im verlinkten Forum. In dem Fall versuch ich mich nochmal dort.

Ich antworte genau so hier. Der Support hier im Forum möchte sich aber hier auf die Hilfe zu den Funktionen des Programmes konzentrieren. ohne ständig Beiträge zu Fremdcodes mitlesen zu müssen.

Mario

Für deinen besonderen Fall ist da schon etwas mehr Arbeit nötig da du jeweils auf den ersten Artikel verlinken möchtest musst du den Code auf jeder Seite anpassen.

1. Lösche jeden Code den du jetzt hinzu gefügt hast. Sowie das Widget nach oben.

2. Unter Einstellungen > CSS fügst du unter oder über dem vorhandenen Code diesen Code hinzu:

Code

<style>
.obenkreis {
width: 40px;
height: 40px;
border-radius: 50px;
background-color: rgba(0,102,0,0.9);		/* Hintergrundfarbe (Kreis) */
animation: anitop 1s;
}
@keyframes anitop {
0%{opacity:0}
100%{opacity:1}
}
.obenpfeil-1, .obenpfeil-2 {
border: solid #fff;						/* Farbe Pfeile */
border-width: 0 3px 3px 0;
display: inline-block;
padding: 5px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
position:absolute;
left:50%;
margin-left:-6px;
transition: all 0.2s ease;
}
.obenpfeil-1 {
top:15px;
}
.obenpfeil-2 {
top:22px;
}
.obenkreis:hover .obenpfeil-2 {
top:8px;
}
#back-top2 {
position: fixed;
bottom: 5%;
right:5%;
z-index: 1000;
}
#back-top2  span{
display: block;
}
@media (max-width: 1680px) {
#back-top2 {
bottom: 5px;
right:5px;
}}
</style>

Alles anzeigen

3. Unter "Erweitert > Attribute > footer_script" fügst du nur das Script, also letzten Teil des Quelltextes ein:

Code

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){

// hide #back-top
$("#back-top2").hide();

// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 200) {
$('#back-top2').fadeIn();
} else {
$('#back-top2').fadeOut();
}
});

// scroll body to 0px
$('#back-top2 a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 500);
return false;
});
});
});
//]]>
</script>

Alles anzeigen

4. Auf deiner ersten Seite fügst du das Widget > Quelltext mit folgendem Inhalt als letzten Artikel der Seite ein und gibst ihm vorerst eine Überschrift:

Code

<div id="back-top2" style="display: block; ">
<a href="#top">
<span class="obenkreis">
<i class="obenpfeil-1"></i>
<i class="obenpfeil-2"></i>
</span>
</a>
</div>

Nun sollte auf der Ersten Seite "Nach Oben funktionieren. Und du musst diesen Code noch auf den ersten Artikel verlinken.

Öffne den ersten Artikel der Seite
Klicke unten Links auf das Mischpult > Mehr > Rechts + > unten Rechts nochmal +
Hier steht deine Artikelnummer. Ich nenne sie mal "0815"
Nun musst du den Link in dem Widget Quelltext anpassen. Ändere das #top in #a0815 (natürlich nicht mit 0815 sondern mit deiner Artikelnummer).
Wenn alles wie gewünscht funktioniert kannst du die Überschrift im Widget Quelltext löschen. Dieses ist in der Live-Vorschau nicht mehr greifbar. Hierzu musst du mit der Taste "F8" in den Spaltenmodus schalten. Hier ist die Artikelnummer auch einfacher ersichtlich.

5. Für alle anderen Seiten kopierst du das Widget der ersten Seite, fügst es jeweils wieder an letzter Position ein und änderst entsprechend die Artikelnummer.

PS: Mache dir Notizen was du wo eingefügt hast, dann hast du es später einfacher. Für weitere Kommunikation hierzu bitte im entsprechenden FORUM.

Mario

Hallo Friedrich,

das lässt sich mit dem Widget nicht umsetzen, aber mit DIESEM CODE ginge das schon.

Du müsstest in dem Code jeweils das Sprungziel #top mit der Artikelnummer deines gwünschten Sprungzieles austauschen. Also zB.: #a1824.

Das würde in etwa so aussehen: LINK

Mario

Der Google Kalender hat auch den Vorteil das man Termine von überall und auch mit dem Smartphone eintragen kann. Des Weiteren kann man Benutzer freischalten die dann auch Termine einpflegen können.

Ich nutze diesen zum Beispiel für unsere Reithalle. Hier können sich unsere Einsteller auch selbst Termine eintragen.

Mario

"Artikelgruppe" sollte in deinem Fall das richtige sein.

Gehe auf Extras > Entwickler > "Artikelgruppe exportieren" nun speicherst du das entsprechende Widget oder auch mehrere gleichzeitig mit einem eindeutigen Namen als Benutzer ab.

Jetzt sollte der abgespeicherte Inhalt in allen Projekten unter Widgets - Inhalte verfügbar sein und weiter verarbeitet werden können.

in.

Mario

Resposive läßt sich nur einbinden was auch Resposive ist. Da kann Zeta Producer sicher nichts machen.

Am besten das was du einbinden willst vorher im verkleinerten Browserfenster beobachten. So kann man gut feststellen wie sich die Seite auf kleinen Bildschirmen verhält.

Mario

Zu den Überschriften folgendes. https://wiki.selfhtml.org/wiki/HTML/Text…chtig_einsetzen

Mario

Zitat

Wenn jetzt ein Vorstandmitglied mit der Software arbeitet und es dann mal einen Personalwechsel gibt, wie verfahren wir denn dann?

Der vorherige Vereinswebmaster übergibt dem neuen das Projekt auf USB-Stick oder anderen Medien sowie den Lizenzschlüssel und und Mail-Adresse über welche ZP gekauft wurde.

Der Neue installiert die gekaufte Version von ZP, gibt den Lizenzschlüssel ein, spielt das Projekt auf den PC und kann gleich los legen.

Wenn der Lizenzschlüssel zu häufig benutzt wurde wird es eine Fehlermeldung geben. In diesem Fall eine Mail mit Angabe der Mail-Adresse unter welcher ZP gekauft wurde an Zeta Producer senden. Die vorhandene Lizenz wird dann in der Regel sehr schnell frei geschaltet.

Mario

Da habe ich wohl eine Entscheidende Option vergessen.

Update ist raus. Bitte das Widget neu herunter laden und wie HIER beschrieben vorgehen.

Für weitere Fragen wie von Stefan bereits erwähnt in diesem FORUM.

Mario

Ich nehme an es geht um diese Einstellungen?

Mario

Diese Optionen sind weiterhin verfügbar und mit den PC-Anforderungen dürfte das nichts zu tun haben.

Folgende Informationen wären hilfreich:

Welches Layout wird verwendet?
Wurde das Widget Carousel eventuell kopiert?

Mario

Für jede Frage bitte ein eigenes Thema erstellen, wergen der Übersichtlichkeit.

Zitat von pnoindl

Gibt es eine Möglichkeit, den Menühintergrund, der auf transparent eingestellt ist, beim hinunterscrollen deckend zu machen,...

Gehe zu Erweitert > Attribute > Standard > footer_script
Hier unten stehenden Code einfügen und mit OK bestätigen.
Damit die Änderungen übernommen werden einfach kurz die Seite wechseln.
Am besten Aufschreiben was du wo eingefügt hast, so hast du es später sicher einfacher.

CSS

<script>
jQuery(document).ready(function(){
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop()>=150) {
jQuery('header').attr('style','background-color:rgba(255,255,255,0.9) !important; transition: all 0.3s;');
}
else if (jQuery(this).scrollTop()<150) {
jQuery('header').attr('style','background-color:transparent !important; transition: all 0.3s;');
}
})
})
</script>

Alles anzeigen

Nun sollte ab Scroll-Position ">=150 Pixel" ein weißer leicht durchscheinender Hintergrund erscheinen. Den Farbwert und die Scroll-Position kannst du natürlich ändern.

Mario

Das ist der Sinn der Verknüpfungen, einmal ändern alle verknüpften Artikel übernehmen diese. Das sich kein Header einfügen lässt kann ich nicht bestätigen. Manchmal verschiebt sich aber ein anderes Widget vor den "+Button" das dieser nicht richtig greifbar ist. In diesem Fall mit "F8" in den Spaltenmodus wechseln, den Header einfügen und mit "F8" zurück.
Siehe Screenshot
Da scheint sich wirklich ein Bug eingeschlichen zu haben. Solche Bugs werden in der Regel sehr schnell von den Entwicklern behoben.

Mario

Schön das es wieder geht.

Ein Widget "Bild" habe ich nie erstellt. Wenn da ein Ordner "singleimage" drin war dann war das eine Kopie von "Bild" wie schon von Hanabi vermutet.

Mario

Hm da muss sich der Support das mal anschauen.

Hier Infos dazu:

http://www.ferienwohnung-macheiner.at/

Das HTML sieht so aus:

Code

<div class="zpColumnItem" >
<div id="a1604" data-article-id="1604" data-zpleid="1604"
class="articlearea zpwBild popupimage"


>


<div id="igal1604" class="zpImageGallery"
data-kind="singleimage"
data-titleShow="1"
data-htmltitle=""
data-width="auto"
data-height="auto"
data-bordercolor="default"
data-borderwidth="0"
data-margin="0"
data-titleposition="outside"
data-transition="elastic"
data-slideshow="0">
<a class="fancybox preloadimg zpnolayoutlinkstyles" href="media/images/startseite-winter-large.jpg" title="">


<noscript class="lazy"><img class="singleImage" src="media/images/startseite-winter.jpg" width="950" height="535" alt="Schifahren im Skigebiet Lungau" /></noscript>


<span class="zp-sronly">Bild in Lightbox öffnen (open image in lightbox).</span>
</a>




</div>
</div>

Alles anzeigen

Das eingebundene Bild ist auf dem Server vorhanden: http://www.ferienwohnung-macheiner.at/media/images/startseite-winter.jpg

Mario

Aber wenn in der Browservorschau alles da ist liegt es sicher nicht daran sondern am Veröffentlichen.

Kann man das online sehen? Wie lautet denn die URL der Seite?

Mario

Bei Konvertierung V13 auf V15 habe ich keine Erfahrung.

Aber wenn Bilder nicht angezeigt werden hilft in der Regel:

Erweitert > Erstellen > alle Seiten erstellen
Veröffentlichen > Komplette Website veröffentlichen
Vor dem Betrachten der Seite "Browser-Cache leeren"

Zitat von Dieter

Nun werden diverse Widgets nicht mehr angezeigt.

Was sind das für Widgets die nicht angezeigt werden?

Externe Widgets die nicht Bestandteil von ZP sind müssen nach Programminstallation neu installiert werden.

Mario

Folgende Informationen wären noch hilfreich.

Welches Layout wird verwendet?
Existiert im Verzeichnis "C:\Users\Username\Documents\Zeta Producer 14" ein Ordner "widgets"?
Wenn ja welche Ordner befinden sich in diesem Ordner "widgets"?

Mario

https://www.widget-zp.de/imagegrid-text.html

Für weitere Fragen wie von Steffen beschrieben in diesem Forum.

Mario

Dazu bräuchte man aber kein weiteres Widget.

Das geht mit Bordmitteln wie vom Thomas bereits im Beitrag #3 beschrieben.

Mario

Es gibt bisher keine Verpflichtungen dieser Art. Auch in den Widgets gibt es bisher keinerlei Hinweise auf einen Fremdcode.
Gut Möglich das ich Demnächst eine Lizenz veröffentliche. Wenn https://www.widget-zp.de/ im Impressum verlinkt ist seid ihr aber sicher für die Zukunft gesichert.
Hanabi wie geil, gleich mal 2 Links im Impessum

PS: Die Widgets sind und bleiben auch in Zukunft kostenfrei. Wer die Arbeit ein wenig belohnen möchte kann ja ab und an mal auf einen Link klicken.

Mario

Öffne im Widget die "standard.html" (Rechtsklick > Öffnen mit > Editor)

Tausche folgende Zeile:

<a class="button" <$= system.partial('zplink-expanded.html', 'link') $>><span><$= article.value("linktext") $></span></a>

Mit dieser Zeile aus:

<a style="margin-top:10px" class="button" <$= system.partial('zplink-expanded.html', 'link') $>><span><$= article.value("linktext") $></span></a>

Nun rutscht der Button 10 Pixel nach unten, den Wert "margin-top:10px" kannst du natürlich anpassen.

Mario

ZP schließen
Den entsprechenden Projekt-Ordner in "C:\Users\Benutzername\Documents\Zeta Producer 15\Projekts" kopieren und temporär in einem anderen Ordner einfügen.
Den kopierten Ordner und die *.zpproject-Datei umbenennen.
Den kompletten umbenannten Ordner wieder in C:\Users\Benutzername\Documents\Zeta Producer 15\Projekts" einfügen.
ZP öffnen und das neue Projekt öffnen (Öffnen > Durchsuchen).
Die FTP-Daten für die neue Domain eintragen.
Nun kannst du das neue kopierte Projekt bearbeiten und auf den neuen Server laden.

Mario

https://www.widget-zp.de/hidden-link.html

Mario

Keine Ahnung ob das DSGVO Konform ist.

Man könnte mit folgendem Code über das Widget "Quelltext" den Link verbergen und erst nach Klick anzeigen lassen.

Code

<script>
function show(id) {
    if(document.getElementById) {
        var mydiv = document.getElementById(id);
        mydiv.style.display = (mydiv.style.display=='block'?'none':'block');
    }
}
</script>
<a href="" onclick="javascript:show('divMaps'); return false">
Ich möchte zu Google Maps... Cookie-Zeugs...</a>
<div style="display: none" id="divMaps">
<a class="button" href="link zu google maps" target="_blank"><span>zu Google Maps</span></a>
</div>

Alles anzeigen

Mario

Das Widget "Animierter Text" ist kein Bestandteil von ZP und wurde sicher nachträglich installiert.

Gehe zu "C:\Users\silvi\AppData\Local\Zeta Producer 14\widgets" und Kopiere den Ordner "animiertertext".
Gehe zu "C:\Users\silvi\AppData\Local\Zeta Producer 15", lege einen Ordner "widgets" an und füge hier den kopierten Ordner "animiertertext" ein.

Mario

Eventuell ist das etwas für dich. Externe Seite Fancybox

Mario

In der Wunschliste sollte das ja schon seid ein paar Jahren stehen. LINK

Das dies noch nie funktioniert hat kann ich bestätigen.

Mario

Erweitert > Attribute > Standard > footer_script

Mario

Hallo Elch,

die Entwickler sind da schon dran.

Die üblichen Tasten-Kombinationen sollten aber funktionieren.

STRG + X = Ausschneiden
STRG + C= Kopieren
STRG + V = Einfügen

Mario

Da hast du natürlich grundsätzlich recht.

Aber:

Mit dem Smartphone ist man oft mit Mobilen Daten unterwegs. Hier ist es der Performance sicher zuträglich wenn anstatt vieler großer Bilder nur ein kleines geladen werden muss.
Von einem Breitbild-Format welches am Desktop (bei Randlos) gut aussieht kann man am Smartphone in der Regel nicht mehr viel erkennen. Hier macht es Sinn ein anderes Format zu wählen. In den Headern der neueren Layouts ist das auch super gelöst. Dies macht allerdings nur Sinn wenn der Focus der Bilder in der Mitte liegt. Blende ich ein neues Bild ein kann ich den Fokus selbst bestimmen.

PS: zu1. Viele kleine Bilder der Originale wären natürlich auch prima. Bildergrößen

Mario

Gebe dem Slider die CSS-Klasse: head-slider
Importiere dein Bild für die Mobile Ansicht in die Bildverwaltung.
Bild > Eigenschaften > Weiteres > Bild schützen
Bild > Mehr > Objekt-ID kopieren und diese im Win-Editor zwischenlagern

Einstellungen > CSS:

Code

<style>
.head-mobile {
width: 100%;
position: relative;
}
.head-mobile img {
width: 100%;
display: block;
}
@media (max-width: 379px) {.head-slider {display: none;}}
@media (min-width: 380px) {.head-mobile {display: none;}}
</style>

Alles anzeigen

Direkt unter dem Slider Widget > Quelltext mit folgendem Inhalt:

Code

<div class="head-mobile">
<img src="oid://image/deinbild">
</div>

Den Teil oid://image/deinbild austauschen mit der Objekt-ID aus dem Win-Editor.
Der Artikel bekommt die CSS-Klasse: zpBreakout und das Inline-CSS: margin-top:-2em
Das margin-top:-2em musst du je nach Layout-Einstellungen noch anpassen.
Das Widget Quelltext lässt sich anschließend nur über die Spalten-Ansicht aufrufen.

Mario

Da hast du wohl nur 4 Optionen:

Animation im Container abschalten.
Auf V15 updaten.
Anderen Zähler suchen.
Einfach Text ohne Animation.

Mario

Ja, das ist in diesem Layout so.

Ich nehme an das die Entwickler dieses so angedacht haben weil ja eine Sidebar eingeblendet wird und das Bild sonst hinter diese hinaus ragen würde. Macht also durchaus Sinn.

Ich persönlich würde dir sowieso raten auf ein moderneres Layout zu wechseln.

Empfehlen würde ich: Stripe-, Contemponary-, Flat-, Producer-, Capmpfire- oder Top-Responsive.

Mario

Das liegt an der Animation.

In meinem Test gerade funktioniert das in V15 auch mit Animation in V14 aber nicht.

Zitat von Mario

Weitere Fragen zu dem Widget bitte HIER.

Mario

Du musst cover wählen.

Hattest du ja in Beitrag 6 auch so geschrieben.