Direktlink-Button / Siehe Beispiel

In Zeta Producer selber gibt es hierfür kein Widget. Das müssten Sie selber über einen Quellcode einfügen.

Hallo wogg,

versuche mal folgendes:
1. Widget Quelltext anlegen und einfügen:

[/color]<div id="feedback"> <a href="http://meine_website/kontakt.php">KONTAKT</a> </div>

2. In die Style.css dann einfügen und anpassen:

#feedback { height: 104px; width: 104px; position: fixed;  top: 65%; margin:0 0 0 68%;transform: rotate(90deg);  -webkit-transform: rotate(-90deg);   -moz-transform: rotate(-90deg);   -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); #feedback a { display: block; background: #535353;  height: 45px; width: 130px; padding: 8px 16px;color: #fff; font-family: Arial, sans-serif; font-size: 26px; font-weight: bold;   text-decoration: none; border-bottom: solid 1px #333;border-left: solid 1px #333;border-right: solid 1px #fff;} #feedback a:hover { background: #2cbcbf }[color=#000000]

[/color]

Ist noch nicht 100-prozentig, aber es müsste schon mal gehen. Probier's einfach mal aus.
Bin selbst erst HTML- und CSS-Anfänger, aber bei mir funktioniert es.
Vielleicht findet sich ein Profi, der die CSS-Einstellung dafür postet, wie der Button automatisch rechts oder links am Rand läuft.

Viele Grüße

oldiemac

Hallo oldiemac

Hier mal was ganz einfaches für einen Seitenbutton:

[Blockierte Grafik: http://united-host.eu/zeta/seitenbutton.jpg]

Folgendes fügst du unter Attribute / mobile_script ein:

<style>
.link-border {
border-width: 0;
}
</style>

Folgendes fügst du auf jeder Seite in einen Artikel ein:

<a href=kontakt.html#a1326>
<img alt="seitenbutton" src="kontakt.png" style="position: fixed; right: 0px; top: 75%" class="link-border" /></a>

Hinweis:

Den Kontakt.png Button musst du erstellen und in das Hauptverzeichniss des Output/Preview Ordners kopieren, wenn du das Verzeichniss mit
einem FTP Client hochlädst. Ansonsten musst du das Bild über den Producer hinzufügen und den Verweis zu dem Bild natürlich im Code angeben.

Die Angabe #a1326 verweist direkt auf einen Artikel/Formular deiner Seite (hier Kontaktformular) Die Nummer musst du im html Code nachgucken, welche
da bei dir vergeben wurde, oder du lässt sie weg.

Mit top bestimmst du den Abstand von Oben und mit right:; 0px den Abstand von rechts

Mit dem aktuellen IE und Chrome, Smartphone und Tablet funktioniert es gut.

Ich hoffe ich konnte dir hier weiter helfen.

Gruss swork

Super! Ich danke Dir!

Macht die ganze Sache einfacher und übersichtlicher.

Viele Grüße vom Rande des Spreewaldes

oldiemac