Mobirise Tutorials

AI Beispiele und Tests

Bento Style - Bento Grid Layout - von Volker Niederastroth

Bento Grid Layout

Bewege deine Maus über die verschiedenen Kacheln

Bento Background
Clownfish

Der Clownfisch

Der Clownfisch gehört zu den bekanntesten Meeresfischen der Welt. Besonders auffällig ist seine orange Farbe mit weißen Streifen, die schwarz umrandet sind. Durch sein freundliches Aussehen und seine besondere Lebensweise ist er vielen Menschen auch als „Nemo“ bekannt.

Habitat

Clownfische leben vor allem in den warmen Korallenriffen des Indischen Ozeans und des Pazifiks. Man findet sie zum Beispiel in der Nähe von Australien, Indonesien, den Philippinen und im Roten Meer. Dort leben sie meist in enger Gemeinschaft mit Seeanemonen. Diese Anemonen besitzen giftige Tentakel, die viele andere Tiere abschrecken. Der Clownfisch ist dagegen durch eine besondere Schleimschicht geschützt und kann sich zwischen den Tentakeln verstecken.

Symbiose

Die Beziehung zwischen Clownfisch und Seeanemone ist für beide nützlich. Der Fisch erhält Schutz vor Feinden, während er die Anemone von Futterresten befreit und durch seine Bewegungen frisches Wasser zu ihr bringt.

Ernährung und Besonderheiten

Clownfische ernähren sich hauptsächlich von kleinen Krebstieren, Plankton, Algen und Futterresten, die bei der Anemone hängen bleiben. Sie sind also keine reinen Fleischfresser, sondern fressen sowohl tierische als auch pflanzliche Nahrung.

Eine weitere Besonderheit ist, dass Clownfische ihr Geschlecht wechseln können. In einer Gruppe ist meist das größte Tier das Weibchen. Stirbt dieses, kann sich das größte Männchen in ein Weibchen verwandeln.

Der Clownfisch ist ein faszinierendes Beispiel dafür, wie Tiere im Meer miteinander zusammenleben und voneinander profitieren.

Bento-Grid Layout von Volker Niederastroth

Hier Version vom: 08.06.2026

Diese Block‑Erweiterung könnt ihr nach dem Herunterladen der .mbrext‑Datei über den oberen Download‑Button direkt in Mobirise importieren.

Die .mbrext-Datei enthält außerdem eine weitere Blockerweiterung mit einem zusätzlichen Bento-Grid‑Beispiel, das ich hier nicht zeige. Ihr könnt es auf Volkers Seite ansehen. 

Bitte findet bei Volker Niederastroth auch den:

aktuellen Download 

Ich füge diesen Block hier nur ergänzend zu Volkers Beispielen ein. Die Blockelemente passen sich automatisch dem Inhalt an.

Wenn ihr im "Code-Editor" Änderungen vornehmt, funktioniert das JavaScript auf der Arbeitsseite nicht mehr, sodass also die Animation nicht mehr dargestellt wird. Möchtet ihr, dass die Animationen trotzdem vorübergehend wieder auf der Arbeitsseite laufen, fügt einen zweiten Bento-Block unter dem von euch bearbeiteten Block ein und entfernt ihn anschließend wieder.

Die Animationen werden in jedem Fall nach der lokalen oder entfernten Veröffentlichung erneut angezeigt.