Beiträge von Mario

Konnte das doch schon beim Mittag erledigen. UPDATE

• Unter "Einstellungen > Container" ist jetzt ganz unten eine Checkbox "Ganze Seitenbreite"

Zitat von fuj

Ok, mach ich. Noch ein Hinweis zum Fehler. Dieser tritt nur auf wenn ich "Bildschirmbreite" wähle. Bei Inhaltsbreite funktioniert es einwandfrei.

Das war der entscheidende Hinweis.

Das kann ich verbessern, wenn ich es schaffe kommt das Update noch heute Abend.

Hier scheint irgendwas vom Layout den Wert für den Abstand zu überschreiben.

Schau dir mal die Widgets Fixed Background und Parallax Container an. Die bieten ähnliche Funktionen und hier tritt der Fehler nicht auf.

Welche Version des Widgets wird denn genutzt?

Mit dem Update Version 2.2 vom 14.09.2020 gab es Anpassungen für IOS.

Zitat von tobias

das mit der 2. Version fände ich super.

Ich habe gestern schon mal einen Test dazu gestartet. Desktop-Ansicht / Mobile Ansicht

Wird wohl kommen.

Zitat von tobias

Besteht eigentlich bei der jetzigen Version auch die Möglichkeit, eine separate Grafik einzubinden?

Dazu müsstest du je nachdem welche Variante du verwenden möchtest in der entsprechende HTML-Datei die Verlinkung zu den Icons entfernen. <i class=" .... Und hier die Bilder verlinken, welche du am einfachsten über die "OID-Adresse" einbindest. Diese Bilder kanns du dann über eine zusätzliche CSS-Klasse stylen. Diese kannst du zB. in der sidenav2.css definieren.

Ich hatte auch schon überlegt das Widget in einer 2. Form anzubieten wo man die Icons als Grafik (SVG oder PNG) einbinden kann.

Versuche ich umzusetzen.

Nein das geht leider nicht.

• Ich hatte alle Widgets welche "Font Awesome" verwenden mit FA5 erstellt.
• Ab Version 2.5 wird "Font Awesome 4.7.0" verwendet da diese ab "Zeta Producer 15.4" bereits installiert ist. Somit braucht nicht zusätzlich eine weitere Datei verlinkt werden was Google leider abwertet. Somit sind mir die Hände gebunden bis ein Update von Zeta Producer kommt.

Du könntest das aber auch selbst anpassen:

• "Font Awesome 6" über Einstellungen > CSS oder das Attribut "additional_meta" verlinken.
• Je nachdem welche Variante du verwenden möchtest die entsprechende HTML-Datei mit dem Windows-Editor öffnen. Unten findest du lange Zeilen welche zB: <i class="fa <$= article.value("icon-1") $> enthalten. Hier die Einträge fa in fas abändern.
• Nun kannst du im Widget fa-virus eintragen um das Icon anzuzeigen.

Das Widget "Instagram Galerie" hat ein Update mit einer neueren "jQuery Version" erhalten. Eventuell hilft das.

Das Widget "Instagram Galerie" hat ein Update mit einer neueren "jQuery Version" erhalten. Eventuell hilft das.

Die Lizenzbedingungen von Widget ZP findest du HIER.

Das Widget "OpenStreetMap" verwendet das Skript Leaflet von Vladimir Agafonkin . Der Copyright hierzu steht in der JS-Datei ganz oben.

Laeflet ist OpenSource mit einer BSD-Lizenz.

Nein das geht nicht. Ich würde auch dringend davon abraten bei einem Video das automatisch abgespielt wird einen Ton auszugeben.

Zitat von Buch88

..., der HTML Teil einfach auf jeder Seite einfügen, stimmts?

Das funktioniert, ist aber sehr aufwendig.

Der eigentliche Weg wäre das Widget Quelltext auf die anderen Seiten zu vererben damit Änderungen nur einmal getätigt werden müssen.

Aber auch das ist nicht optimal, vor allem weil das Widget ja nur über den Spaltenmodus aufrufbar ist.

Der beste Weg ist das "HTML mit dem Skript" über Erweitert > Attribute  > Standard > footer_script einzufügen. Der Code wird dann automatisch allen Seiten vor dem schließenden </body> eingefügt und kann jederzeit Projekt-Übergreifend angepasst werden.

Ah verstehe.

Soll das auf allen Seiten angezeigt werden? Dann würde ich das anders einbinden.

CSS:

<style>
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 99000;
top: 0;
left: 0;
background-color: #333;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
z-index: 6101;
}


.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 18px;
color: #818181 !important;
text-decoration: none !important;
display: block;
transition: 0.2s;
}


.sidenav a:hover {
color: #f1f1f1 !important;
text-decoration: none !important;
}


.sidenav .closebtn {
position: absolute;
top: 0;
left: 25px;
font-size: 36px;
margin-left: 150px;
}


#main {
position: fixed;
z-index: 1;
top: 70px;
left: -10px;
padding: 5px 12px 5px 18px;
font-size:14px;
color:#fff;
background-color:#333;
border-radius: 0 5px 5px 0;
text-transform: uppercase;
cursor:pointer;
transition: 0.2s;
}
#main:hover {
left: 0px;
}


#mySidenav {
transition: 0.1s;
}


@media (max-width: 890px) {
#main {writing-mode: vertical-rl; left: -15px; padding: 5px 4px 5px 18px;}
#main:hover { left: -10px;}
}


@media screen and (max-height: 650px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
</style>

HTML:

<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="https://www.unser-sammler-team.de/">Startseite</a>
<a href="https://www.unser-sammler-team.de/unser-team.html">Under Team</a>
<a href="https://www.unser-sammler-team.de/rund-ums-ueei.html">Rund ums ÜEI</a>
<a href="https://www.unser-sammler-team.de/72er-displays.html">72er Displays</a>
<a href="https://www.unser-sammler-team.de/caps.html">Caps</a>
<br>
<a href="http://codeschnipsel.xobor.de/" target="_blank">Support</a>
<a href="https://www.facebook.com/CodeschnipselZP/" target="_blank">Facebook</a>
</div>


<div id="main" onclick="openNav()">
<span>☰ Menü</span>
</div>


<script>
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script>

Also Album Responsive.

Dieses Layout hat ja eine Vertikale Navigation, da ist eine solche Absolut positionierte Navigation total fehl am Platz.

Zitat von Buch88

Diese Seite nutzt Widgets von Mario Groß, http://www.widget-zp.de und https://www.zella.de

Soll ich das so etwa schreiben (wegen Copyright)

Ja.

Welches Layout wird denn hier verwendet? Dann kann ich deinen Code mal testen.

Wegen den YouTube-Widgets habe ich direkt bei ZP nachgefragt.

Da gibt es wohl keine Möglichkeit.

Nein das geht mit diesem Widget nicht.

Aber das Widget baut auf diesen Code auf. Da lässt sich alles ändern. LINK