Hintergrundgrafik einbauen

[klaus123]

Hi. Ich m?chte gern in einen Shop eine Hintergrundgrafik einbauen. Zur Erkl?rung hier ein Bild:

Ich m?chte gern entweder in den gr?nen Bereich oder den orangenen Bereich ein Hintergrundbild einf?gen besser w?rde es mir gefallen, wenn es im orangenen Bereich w?re. Der orangene Bereich stellt den Index-Content dar (also wo dann drin steht: "Herzlich Willkommen auf unserer Page..."). Ich habe schon verschiedene Sachen versucht um das Bild dort als Hintergrund rein zu bekommen, aber entweder stell ich mich zu doof an :hit: oder mein oller PC kann mich nich leiden. :sad: :sad:
Ich bitte euch inst?ndig um eine Hifestellung wie ich das Bild als Hintergrund da rein bekomme. Hab es auch schon ?ber den Contentmanager probiert, aber das geht auch nich so richtig.
BITTE BITTE BITTE --- Ich verzweifel langsam....

[dukie6666]

das musst du in der main_content.html machen, diese findest du im modules ordner deines templates

[MrSat]

Haben Sie ein Beispiel wie einf?gung von die Hintergrund in PHP code von main_contente.html aussieht??

[klaus123]

[SIZE=1]Und was mu? ich da dann rein schreiben?
So sieht der Quelltext aktuell aus:

{config_load file="$language/lang_$language.conf" section="index"}
{$MODULE_error}
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="pageHeading"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>{$title}</td>
</tr>
</table></td>
</tr>
<tr>
<td class="pageHeading"></td>
</tr>
<tr>
<td class="main">{$text}
</td>
</tr>
<tr>
<td class="main">{$MODULE_new_products}</td>
</tr>
<tr>
<td class="main">{$MODULE_upcoming_products}</td>
</tr>
</table>

Aber ich komm da irgendwie nich so ganz weiter!!! Also was mu? ich da reinschreiben?

[dukie6666]

als erstes mal www.selfhtml.org gr?ndlich studieren
denn ohne gute html Kenntnisse wird es schwierig.

aber nun zum Problem:

in der main_content.html die erste zeile ?ndern:

<table width="100%" border="0" cellpadding="0" cellspacing="0">

in das hier:

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="index-background">

dann die stylesheet.css ?ffnen und an beliebiger stelle das hier einf?gen:

.index-background {
background-image: url(img/hintergrundbild.jpg);
background-position: top left;
background-repeat:no-repeat;
}

dann die datei hintergrundbild.jpg in den image ordner deines TEmplates kopieren.

fertig

[klaus123]

Also das funzt schon mal ganz gut mit folgendem Code:

<table width="100%" background="{$tpl_path}img/dein_bild.gif" border="0" cellpadding="0" cellspacing="0">

Nur ist jetz noch die Frage wie ich das prozentual hin bekomme, da das eigentliche Bild gr??er ist als der Bereich wo es rein soll und ich m?chte es gern mit 95% darstellen. Aber mit

<table width="100%" background="{$tpl_path}img/a.png" width="95%" height="95%" border="0" cellpadding="0" cellspacing="0">

funktioniert es leider nicht. Jemand einen Tip womit es geht?