Über uns

 

Audio einfügen

Um Audio einzufügen, verwendet ihr folgenden Code:

<audio width="300" height="32" controls="controls" preload="auto"><source src="http://www.3dkosmos.de/Temp/bsp.mp3" type="audio/mpeg"></source></audio>

Panorama einfügen

Um ein Panorama einzufügen, lädt ihr das entsprechende Bild in den Medienordner hoch. (Panoramabild sollte eine Rektangularprojektion sein.) Über "Bild einfügen" fügt ihr das Bild an gewünschter Stelle ein. Wechselt nun in die HTML-Ansicht.

Das generierte HTML sollte dann so aussehen:

<p><img class="image-inline" src="resolveuid/5eb379b4d46649c8b336e6a0a85f4940" /></p>

Ändert den <p>-Tag um in einen <div>-Tag (schließenden Tag nicht vergessen) und vergebt eine ID, z.B. panorama-1. Wichtig ist panorama-. Danach kann beliebig was dran gehangen werden. Am Ende muss der Code dann so aussehen:

<div id="panorama-1">
<img class="image-inline" src="resolveuid/5eb379b4d46649c8b336e6a0a85f4940" />
</div>

Speichern. Fertig!

Panorama Test

 

Slider für Bildvergleich einfügen

Auch hier die beiden Bilder in den Medienordner hochladen. Idealerweise sollten die Bilder das gleiche Seitenverhältnis haben. An gewünschter Stelle die beiden Bilder über "Bild einfügen" einfügen. Wechselt nun in die HTML-Ansicht.

Das generierte HTML sollte so oder ähnlich aussehen:

<p><span><img class="image-inline" src="resolveuid/233f7f05efba4aa4bd8089e7d400eca6" /><img class="image-inline" src="resolveuid/c31df4901d694b249fbef0104402851b" /> </span></p>

Den <p>-Tag in <div> umwandeln und eine ID vergeben, z.B. imagecompare-1. Wichtig ist imagecompare-. Danach kann beliebig was dran gehangen werden. Innerhalb des <div>-Tags sollten nur die beiden <img>-Tags sein. Alles andere, wie z.B. <span>, muss rausgelöscht werden. Am Ende muss der Code dann so aussehen:

<div id="imagecompare-1">
<img class="image-inline" src="resolveuid/233f7f05efba4aa4bd8089e7d400eca6" />
<img class="image-inline" src="resolveuid/c31df4901d694b249fbef0104402851b" />
</div>

Speichern. Fertig!

 

 

Youtube-Video einbetten

Das <iframe>-Tag ist nun freigeschaltet. Youtube-Videos können nun einfach eingebettet werden, indem man in der HTML-Ansicht an gewünschter Stelle den Youtube-Codeschnipsel einfügt.

Beispiel:

<iframe width="560" height="315" src="https://www.youtube.com/embed/fd9lUfrHmbg?rel=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>

Speichern. Fertig!