Bild

🔡 Willkommen, ihr modernen Runenschreiber und Entzifferer der digitalen Alphabete 🔼

Das war wirklich wieder eine lohnende Nachtschicht. 😊 Mit diesem Update hat Bobaro erneut einen großen Schritt gemacht – es ist, als wĂŒrde es erwachsener und reifer werden. Ich freue mich riesig ĂŒber die Entwicklung und bin gespannt, was noch alles kommen wird! 🚀
Inhaltsverzeichnis
1. Toolbar 3.0
1.1. Die Browserbar
1.1.1. Beispiel: Browserbar mit Suche
1.1.2. Beispiel: Alleinstehende Browserbar
1.1.3. Beispiel: Ohne Welle
1.1.4. Mehrere auf einer Seite
2. Die Infobox
2.0.1. In Spalten dargestellt
2.0.1.1. 2 Spalten
2.0.1.2. 3 Spalten

Toolbar 3.0

Dieses Mal wurde die Toolbar komplett umgestaltet und neu gestaltet. Das Motto lautet: Struktur, Struktur, Struktur! Ich gebe zu, wer sich an die "alte" Toolbar gewöhnt hatte, muss sich jetzt erst ein wenig umstellen. Aber es lohnt sich auf jeden Fall. Alle Shortcuts sind natĂŒrlich erhalten geblieben und funktionieren weiterhin wie gewohnt.

Lass uns doch gleich einen Blick auf den Unterschied zwischen der "alten" und der neuen Toolbar werfen:
Bild

Dir werden sofort die Drop-Down-MenĂŒs ins Auge fallen. Hier findest du alle relevanten Funktionen, und ich habe zudem mehr strukturierten Platz fĂŒr viele weitere neue Features geschaffen. 🚀

Die Browserbar

Mir passiert es sehr hĂ€ufig, dass ich eine Internetadresse in einem Tutorial schön prĂ€sentieren möchte, damit der Nutzer genau versteht, wo er die URL eingeben soll. Dazu eignen sich immer gut anschauliche Bilder. Da ihr die Bilder nicht selbst erstellen mĂŒsst, habe ich euch diese Arbeit abgenommen und ein wunderschönes Modul eingefĂŒgt. 😊 Und wenn ich sage „Modul“, dann meine ich wirklich ein Modul, denn diese Funktion findest du in der neuen Browser-Leiste im Bereich Module in der neuen Toolbar.
Bild

Und so sieht eine solche Browserleiste beispielsweise aus: 😊
https://www.bobaro.de
Go

Diese Browserleiste hat einen "Go"-Button. Wenn du diesen klickst, wird die eingegebene URL geöffnet 🌐.

Beispiel: Browserbar mit Suche

Angenommen, ich möchte dem Nutzer zeigen, wie er nach Bobaro suchen kann, dann kann ich eine Browserleiste (natĂŒrlich in verschiedenen Designs) einblenden. Statt eines "Go"-Buttons erhĂ€lt diese diesmal einen "Suchen"-Button. 😊 Hier kannst du sogar noch den Suchdienst auswĂ€hlen, der damit aufgerufen werden soll. Unter anderem sind dort auch datenschutzorientierte Suchdienste wie DuckDuckGo vertreten. 🔍
Was ist "Bobaro"?


Beispiel: Alleinstehende Browserbar

Du musst nicht die gesamte Browserleiste mit dem Hintergrund anzeigen. Du kannst sie auch ganz nach deinem Geschmack individuell gestalten – mit Pfeilen, ohne Pfeile, mit Favicon oder ohne. 😊 Es ist deine Konfiguration, und genau das ist die Freiheit, die dir Bobaro bietet.
https://www.getbobaro.de
Go

https://www.getbobaro.de
Go

https://www.getbobaro.de

Du hast immer die Wahl, ob du den Shining-Effekt nutzen möchtest oder nicht ✹. Außerdem kannst du einstellen, wie breit die Leiste angezeigt werden soll und weitere Optionen.

Beispiel: Ohne Welle

Auch wenn Dir die Welle nicht zusagen sollte, kannst Du sie einfach weglassen.
https://www.getbobaro.de

https://www.bobaro.de
Go

https://www.bobaro.de
Go


Mehrere auf einer Seite

Der Beweis ist bereits hier erbracht, und ja, du kannst so viele Browserbars auf einer Seite anzeigen lassen, wie du möchtest.

Bobaro möchte dich nicht einschrÀnken. Deine Gedanken sollen frei sein und nicht sorgenvoll am System hÀngen.

Die Infobox

Auch die Infobox findest du unter den Modulen. Du kannst so viele einsetzen, wie du möchtest. Die Gestaltung bleibt ganz dir ĂŒberlassen 🎹. FĂŒr den Inhalt kannst du sogar HTML verwenden, um zum Beispiel Referenzen einzubinden. Ein Shining-Effekt ist ebenfalls möglich, wenn er passend ist ✹.
Die Infoboxen
Es war eine harte und sehr viel Gehirnschmalzfordernde Nachtschicht, aber ich habe es endlich geschafft, die neuen Infoboxen mit in Bobaro zu ĂŒbernehmen. Es ist herrlich zu sehen, wie dieses System wĂ€chst.

Diese Box hat eine Breite von 100 Prozent.
Bobaro


Nerdwissen
Diese Infobox hat eine Breite von 75% und wird zentriert auf dem Bildschirm dargestellt. Du kannst die Zentrierung auch ausschalten, dann wird sie linksbĂŒndig eingezeigt, Shining-Effekt und Schatten sind ebenfalls aktivierbar und deaktivierbar.

Diese Box hat eine Breite von 75 Prozent.
Bobaro


Literatur
Auch Outlineboxen sind möglich, du kannst auch das Icon frei wĂ€hlen, welches angezeigt werden soll, und du kannst natĂŒrlich auch individuelle Farben verwenden.

Diese Box hat eine Breite von 50 Prozent.
Bobaro


In Spalten dargestellt

Spaltendarstellung: Ja, du hast richtig gelesen. Du kannst die Infoboxen in zwei oder drei Spalten anzeigen lassen.

2 Spalten

Info
Eine Box fĂŒr die erste Spalte. Der Inhalt ist fĂŒr dieses Beispiel sekundĂ€r.
Pro Tipp
Eine Box fĂŒr die erste Spalte. Der Inhalt ist fĂŒr dieses Beispiel sekundĂ€r. Genial, oder?

3 Spalten

Info
Eine Box fĂŒr die erste Spalte. Der Inhalt ist fĂŒr dieses Beispiel sekundĂ€r.
Pro Tipp
Eine Box fĂŒr die erste Spalte. Der Inhalt ist fĂŒr dieses Beispiel sekundĂ€r. Genial, oder?
Gesundheit
Eine Box fĂŒr die erste Spalte. Der Inhalt ist fĂŒr dieses Beispiel sekundĂ€r. Genial, oder? Hier mal eine gefĂŒllte Karte.

Über den Autor
Sven Owsianowski
Sven Owsianowski
Softwareentwickler, Autor & Dozent (Informatik)
Seit fast 30 Jahren baue ich Software, die aus echten Alltagsproblemen klare Lösungen macht – angefangen bei Bobaro, weiter ĂŒber den QR‑Code Creator bis hin zu ICE Notfallinfo. Ich mag Technik, die verstĂ€ndlich bleibt, sicher funktioniert und Menschen wirklich hilft. Besonders ziehen mich KI, IT‑Sicherheit und digitale Werkzeuge an, die nicht nur clever sind, sondern nĂŒtzlich. Auf wattblicker.de schreibe ich ĂŒber Technik, die Freude macht statt Kopfzerbrechen.