Blog Beiträge in Layer/slider/iFrame

Hallo zusammen,

rund um das Thema Popup, iFrame oder lightbox gibt es hier bereits einige gute Lösungsansätze. Viele davon habe ich bereits gelesen – finde aber keine Lösung, die zu meinen Vorstellungen passt.

Kurz zu dem, wie ich es mir vorstelle//was ich suche:
Auf einer Seite habe ich durch das Medien-Element “Blog Beiträge” eine Auswahl (Kategorie) an Blog Beiträgen gefiltert und lasse diese am Seitenrand i einem 1/3 Element auflisten.

Stellt sich die erste Frage: Wie kann ich an dieser Stelle (auf genau dieser Seite) die Schriftgröße und ob nur Großbuchstaben oder nicht in der jeweiligen Überschrift angezeigt werden sollen oder nicht via CSS kontrollieren?

Der eigentliche Clou: Wenn jemand auf eine derer Beiträge klickt, soll keine neue Seite geladen werden, sondern eben nur dieser Beitrag in einem Layer über der aktuellen Seite angezeigt werden.

Das i-Tüpfelchen wäre es dann noch, wenn unter dem Beitrag zwei Links stünden: nächster Beitrag, vorheriger Beitrag, da man die Pfeile zur Navigation links und rechts am Bildschirmrand doch nur bedingt gut lesen kann…

Also konkrete Frage: Wie kriege ich mit Hilfe des Medien-Elements “Blog-Beiträge” (oder in anderer geeigneter Form) den Inhalt der durch eine Kategorie gefilterten Blog-Posts auf einem Layer in bzw. auf/über der aktuellen Seite angezeigt (und kann im Idealfall sogar noch zum vorherigen und nächsten navigieren)?

Herzlichen Dank und sonnige Grüße
Ralf