Ein Hintergrundbild für das protostar Template.

Hallo ,

Ich möchte ein Hintergrundbild einfügen im Standart Template von protostar.
Wenn es noch möglich ist: Das dieses auch gut aussieht, wenn man es auf dem Handy aufruft ( dieses ist aber nur optional).
Das Bild liegt im image Ordner.

Nun zu meinen Fragen:

1.) Wie sieht der code dafür aus?

2.) An welcher (n) stellen muss ich ihn einfügen (z.B. im CSS Zeile 3423 )?


Ich hoffe ihr könnt mir weiterhelfen.

viele Grüße,
Thomas

Hallo Thomas

Suche in der template.css nach body { (ca. Zeile 190)

Füge folgende Zeile hinzu: Pfad und Dateiname Deines Hintergrundbildes musst Du natürlich anpassen, oben ist nur ein Beispiel.

Es gibt noch optionale Parameter, zum Beispiel :
bewirkt, dass das Bild nur 1x angezeigt wird.

Wenn Du den Parameter weglässt, wird das Bild horizontal und vertikal wiederholt.
Eine gute Erklärung gibt es hier .

Gruss
Christof

Der gute Rat von crimle müsste etwas ergänzt werden, weil er unvollständig ist.

Erstens würde ich niemanden empfehlen, an einem Joomla-eigenen Template Änderungen vorzunehmen. Beim nächsten Update können sie überschrieben werden. Dem kann vorgebeut werden, indem man das Template kopiert. Kopieren kann man Templates auf verschiedene Arten, die meisten sind entweder falsch oder aufwendig. Wie es richtig gemacht wird, steht hier . Eine weitere Methode besteht darin, dass man eine custom.css erstellt, wie das geht, steht in der Protostar Doku . Nachteil: Die index.php muss dazu angefasst werden und kann bei Updates dann auch wieder überschrieben werden.

Du hast ja auch gefragt, wie man das so macht, dass der Hintergrund auch auf dem Handy gut aussieht. Das geht mit etwas CSS3 Kenntnissen ganz komfortabel. Die meisten Mobilbrausen verstehen CSS3, daher würde ich diese Methode empfehlen. Zweite Möglichkeit: Bildschirmbreite abfragen, und je nach Grösse ein anderes Bild ausliefern.

Danke Chris, - ich gebe zu, ich hätte erwähnen sollen, dass diese Änderungen nicht am Standard-Template sondern an einer update-sicheren Kopie davon vorgenommen werden sollte.

Den Weg über eine custom.css finde ich noch raffinierter. Da frage ich mich, weshalb Protostar nicht standardmässig eine (vorerst leere) custom.css einbindet. So wie bei den Templates von JSN. Der Benutzer bräuchte dann nur seine Änderungen einzutragen. Das Anfassen der index.php würde entfallen.