Modul Zufallsbild - formatieren?

Hallo liebe Typolight-Community,

ich versuch mich grade für mein eigenes Portfolio in Typolight einzuarbeiten, bin noch nicht gerade weit mit meiner Seite und stoß schon auf Probleme....

Ich hab das Modul Zufallsbild installiert, um ein großes Bild im Header anzuzeigen. Wie kann ich dieses Modul nun per CSS formatieren? D.h den Abstand nach oben, einen Rand und Schatten etc festlegen?

http://web18.server23.campusspeicher...e_version5.jpg
So soll das ganze dann mal aussehen...:o puh, ich glaube da brauch ich ab und zu noch etwas Hilfe von euch.Learning by doing :cool:

LG elli

Hallo elli,

willkommen bei TYPOlight!

Für die Formatierung mit CSS schaust Du Dir am Besten den Quellcode der Seite an. Dort findest Du (eigentlich bei allen Modulen) diverse Tags, die man im CSS ansteuern und designen kann.
Gute Hilfe gibt dazu der Firebug-Addon für den Firefox. Dort kannst Du an beliebiger Stelle der Webseite die rechte Maustaste klicken und "Element untersuchen" wählen. Dann bekommst Du sowohl den Quellcode, als auch die darauf angewendeten CSS angezeigt. Alternativ oder zusätzlich bietet das Addon "Web Developer" gute Dienste zum Untersuchen einer Webseite an.

Ich wünsche viel Erfolg und ein wenig Geduld am Anfang ...

HI

bei dir bietet sich an, eine Hintergrundgrafik mit dem Bilderrahmen und dem Schatten zu verwenden und das jeweilige Zufallsbild darauf zu positionieren. Vorraussetzung dafür ist jedoch, dass die Bilder alle gleich groß sind.

Sebastian

Wenn du die Bilder selber bestimmen möchtest kann ich das Modul "coverpicture" empfehlen.

Hab ich hier verwendet: Website

Zitat:

---

Zitat von Sebastian

HI

bei dir bietet sich an, eine Hintergrundgrafik mit dem Bilderrahmen und dem Schatten zu verwenden und das jeweilige Zufallsbild darauf zu positionieren. Vorraussetzung dafür ist jedoch, dass die Bilder alle gleich groß sind.

Sebastian

---

oder du nimmst ein drespaltiges layout, legst in den rechten/linkenrahmen deine grafiken (mit den schatten eingebaut), formatierst den hjintergrund entsprechend und "baust" in photoshop einfach einen oberen und unteren rahmen ein.

Eine weitere Frage zum Zufallsbild. Ich habe meine Bilder in Ordner strukturiert: Bilder>News>2009>xx.xx.xxxx Titel

Wenn ich nun zB den Ordner 2009 anklicke, werden keine Bilder angezeigt, da im Ordner 2009 ja nur Unterordner sind.

Kann man das Modul in irgend einer Forum umstellen, dass er alle darunter liegenden Bilder anzeigt ?

Hallo zonk,

dazu gibt es ein Ticket, wird in 2.8 behoben.

Sorry, hatte noch in den Tickets geschaut. Muss ich übersehen haben.

Gibt es eine Möglichkeit auf das Zufallsbild eine Lightbox zu legen, so dass man sich das Bild auch in groß anschauen kann?

Mit wurde gesagt es wäre ja sinnlos, da man es sowieso nicht groß klicken kann .. Ich hab das Zufallsbild zur Auflockerung in der linken Spalte unter dem Submenü.

HI

du kannst dazu das Template abändern (Menüpunkt „Templates“ im Backend) und einen Link um den Image-Tag herum einfügen, der das Attribut rel="lightbox" enthält.

Sebastian

Hm ich hab ein Modul Zufallsbild und das ist im Template eingebunden.. kann ich da einfach ein <a> drum rum bauen reicht das ?

HI

nein. Das Template enthält schon einen Link, denn du kannst das Bild ja auch mit einem Link versehen. Im Prinzip solltest du schauen, ob in dem Template auch der komplette Pfad zum Bild vorhanden ist:

PHP-Code:

---

<?php  echo$this->showTemplateVars(); ?>

---

Die passende Variable setzt du dann im Template ins Attribut href des Links ein. Und vergiss das rel="lightbox" nicht…

Sebastian

Hey Sebastian, vom Grunde her habe ich verstanden was du meinst. Nur ich hab einfach nur das Modul "Zufallsbild" eingebunden. An das komme ich doch nicht so einfach ran oder ?

Oder meinst du im Template vom Modul Zufallsbild ? Wo finde ich das ?

HI

Zitat:

---

Zitat von Sebastian

du kannst dazu das Template abändern (Menüpunkt „Templates“ im Backend)

---

Lesen… Das Template heißt mod_random_image.tpl.

Sebastian

Sorry, überlesen..!

So ich habe mal ins Template reingeschaut. So als php-Neuling sehe ich jedoch keinen Ansatzpunkt um einen Link zu setzten bzw. das rel mitzugeben.

Könnte man hier irgendwo ansetzten ?:

Code:

---

$this->Template->src = $src;
                $this->Template->href = $images[$i];
                $this->Template->width = $objImage->width;
                $this->Template->height = $objImage->height;
                $this->Template->alt = (strlen($this->arrMeta[$objImage->basename][0]) ? $this->arrMeta[$objImage->basename][0] : ucfirst(str_replace('_', ' ', preg_replace('/^[0-9]+_/', '', $objImage->filename))));
                $this->Template->link = (strlen($this->arrMeta[$objImage->basename][1]) ? $this->arrMeta[$objImage->basename][1] : '');

---

HI

wo hast du denn den Code her? Setz einfach den oben geposteten Codeteil ein und schau dir die Ausgabe an.

Sebastian

Aus dem von dir angegebenen Template mod_random_image.tpl