WebsiteBaker Support (2.12.x) > Hilfe & Support (deutsch)

FRUESTEG: gototopswitch im WYSIWYG-Editor?

(1/5) > >>

Legaziofunk:
Tachchen Leutchens,

meine Frage ist, wie man den gototopswitch aus dem Template Fruesteg


--- Code: ---<div class="footerbox">
<a href="#" id="gototopswitch" onclick="gototop();return false;">
<img alt="Up" src="<?php echo TEMPLATE_DIR;?>/img/up.png" title="Go to top" /></a>
</div>
--- End code ---

in die einzelnen WYSIWYG-Elemente einbaut.

Ich habe ne Seitenstruktur die in etwa so aussieht:

--- Quote ---Mini-Hero
WYSIWYG

Mini-Hero
WYSIWYG

Mini-Hero
WYSIWYG
etc.
--- End quote ---

Das ganze wird etwas lang - und daher würde ich gerne, dass man in jedem Text-Block (also dem WYSIWYG-Teil) auch flugs durch den Button "UP" nach oben kommt.

Ich dachte, das müsste doch gehen, indem ich per Drücken auf den QUELLCODE-Button im WYSIWYG-Modul unterhalb des ganzen Codes, dann einfach den o.g. Code eingebe.

Das klappt soweit auch - nur wird das Image "up.png" nicht angezeigt (eien grauer Pfeil, der nach oben zeigt).
Stattdessen wird nur der Alternativtext angezeigt.

Also ist der Haken wohl beim Verweis auf das IMG-Verzeichnis, oder?

--- Code: ---/img/up.png
--- End code ---

Nur wie löse ich das?
Absolute Pfade angeben ist ja nicht so sinnvoll, weil sonst beim neusortieren der Seiten das Ganze wieder individuell nachgearbeitet werden muss.

Danke für Infos und Hilfestellungen!

Grüße!

dbs:
Hallo, ich löse sowas mit einem Droplet.
Schau mal hier: https://plugins.onkel-franky.de/WebsiteBaker/droplets/system-urls
Also um den Teil in deinem Code zu ersetzen:

--- Code: ---<?php echo TEMPLATE_DIR;?>
--- End code ---

Legaziofunk:
Ääh, okay, danke, aber ich hab noch nie n Droplet benutzt...

Muss ich da ne krasse Anleitung beachten?

edit: Vollzitat gelöscht

evaki:
Ääh, das is ganz krass, da mussu sogar Denken.

dbs:
@Legaziofunk: Bitte keine Vollzitate in einer direkten Antwort. Macht keinen Sinn und den Thread nur lang und unübersichtlich.

Du kannst unter deine Wysiwygs auch jeweils noch einen Abschnitt Code setzen.
Inhalt:


--- Code: ---echo '<div class="footerbox">
        <a href="#" id="gototopswitch" onclick="gototop();return false;">
        <img alt="Up" src="'.TEMPLATE_DIR.'/img/up.png" title="Go to top" /></a>
      </div>';
--- End code ---

Navigation

[0] Message Index

[#] Next page