help.twoday.net: Tipp zu Sidebar-Modulen: Aus 1 mach 3 (oder 4, 5, ...)

Tipp zu Sidebar-Modulen: Aus 1 mach 3 (oder 4, 5, ...)

Hallo zusammen,

ich wollte mehr Funktionalitäten in der »Sidebar« meines Blogs unterbringen, als ich freie (resp. frei umdefinierbare) Module übrig hatte. Insbesondere wollte ich eine Reihe kleiner »Zufallsbilder« mit Link zum jeweiligen Beitrag und eine Linkliste mit den »Best of« Beiträgen der zurückliegenden Monate drinhaben. Freilich hatte ich schon alle Sidbar-Module, bei denen »freies HTML« erlaubt und möglich ist, anderweitig im Einsatz. Was also tun?

Gestern kam mir die rettende Idee: Ich habe ein Modul, in meinem Fall das »Archiv«, in drei Abschnitte gegliedert. Zwischen die einzelnen Teile habe ich einfach im dazugehörigen Skin die als Modultrenner (im Layout) definierte Pünktchenreihe als Bild eingebunden!

Das Ergebnis kann man in zonebattler's homezone betrachten: Wer genau hinschaut, sieht im Archiv-Modul (bei mir benannt mit »Empfehlungen des Hauses:«), daß die Trennlinien nicht ganz soweit nach links gehen und vorneweg nicht den Winkel »>« wie der reguläre Modulanfang aufweisen. Geht ja auch nicht, ist schließlich kein per Klassendefinition eingesteuerter neuer Modul-Anfang. Aber für meine Zwecke gut genug und möglicherweise auch für andere BloggerInnen hier eine interessante Erweiterungs-Möglichkeit!

Fröhliches Bloggen,
Ralph alias zonebattler

zonebattler vor 7532 Tagen

433

5 Kommentare Kommentar verfassen

skydance vor 7531 Tagen

Nett getüftelt, aber die Bilder könntest du dir sparen, wenn du die Klassen richtig vergibst:

Erster Inhaltsteil
</div>
<div class="sidebarItem">
Zweiter Inhaltsteil
</div>
<div class="sidebarItem">
Dritter Inhaltsteil

Am Anfang kein <div> setzen, weil, das "Modul" automatisch in die Klasse gesetzt wird, am Ende fällt das </div> aus dem selben Grund weg.

antworten

chronistin vor 7531 Tagen

oops, ich war's wieder mal. :)

antworten

zonebattler vor 7531 Tagen

Ist aber nicht ganz das gleiche...

...wie ein schnelles Ausprobieren Deines zugegeben sehr eleganten Vorschlags zeigt:

Bei einem per Klassen-Definition eingerichteten "sidebarItem im sidebarItem" wird das Unterdingens ein Stück eingerückt, was nicht so dolle aussieht mit dem Pfeil vorneweg. Obendrein kommt die Pünktchenlinie nicht in jedem Fall, hängt wohl mit der restlichen Spaltenbreite zusammen oder whatever. Ich bleibe also lieber bei meiner handgebastelten Lösung.

Danke und Gruß,
Ralph alias zonebattler

antworten

chronistin vor 7530 Tagen

Bist du sicher, dass du richtig probiert hast? Es ist ja kein div im div, wenn man am richtigen Platz ein </div> setzt.

antworten

zonebattler vor 7530 Tagen

Schon...

...und mich hat's eigentlich auch gewundert, weil's ja wirklich keine zusätzliche Verschachtelungsebene sein sollte. Vielleicht hängt's ja mit dem Kalender-Modul zusammen, welches doch nicht beliebig freizügig ist? Aber sei's drum, vielleicht probiere ich das später nochmal mit einem anderen Modul durch, Deinen Tipp habe ich mir ja gemerkt. Momentan muß ich aufpassen, daß ich nicht vor lauter Rumschrauben an den Layout-Details vergesse, meinen täglichen Beitrag zu schreiben... ;-)

Danke & Gruß,
Ralph alias zonebattler

antworten