Page 1 of 1

Probleme mit Bild als Hintergrund

Posted: Sat Apr 17, 2010 7:52 pm
by mikel
Hallo liebe Helfenden,

Ich hätte gern ein Bild als Hintergrund (für alle meine Seiten das gleiche)

Kann mir bitte jemand sagen wie und vor allem wo ich was einfügen muss?

meine seite: www.wallermesse.de

welche grösse muss das bild haben?

sorry das ich vieleicht nochmals die selbe frage stelle, aber die sufu hat
mich nicht wirklich weiter gebracht

gruss mikel

Re: Probleme mit Bilod als Hintergrund

Posted: Sat Apr 17, 2010 7:56 pm
by compufairy
Hallo Mikel,

Es kommt in deine Frage darauf an wo im hintergrund. Über volle Breite oder nur im content oder...?

Gruss,

Anne-Mieke

Re: Probleme mit Bilod als Hintergrund

Posted: Sat Apr 17, 2010 8:05 pm
by mikel
über die volle breite bitte

Re: Probleme mit Bild als Hintergrund

Posted: Sat Apr 17, 2010 8:24 pm
by nockenfell
Das Hintergrund-Bild musst du im Stylesheet in der Class/ID "wrapper" definieren.

Wie gross das Hintergrund-Bild sien muss, kommt auf das Bild selber an. Wenn das Bild sich wiederholen kann, braucht es nicht sehr gross zu sein (z.B. ein Farbverlauf). Ansonsten: Monitore lösen bis zu 1920 Pixel in der Breite auf (normale 24" Monitore). In der Höhe kommt es natürlich auf den Inhalt drauf an.

Re: Probleme mit Bild als Hintergrund

Posted: Sat Apr 17, 2010 8:30 pm
by mikel
also muss das bild nur so hoch sein, wie der höchste inhalt?
wenn das bild nicht breit genug für manche monitore ist,
bleibt der rest rundherum dann weiss?

ps: ich suche mal wo wrapper drin steht..........

bislang habe ich es nur im FOOTER gefunden

Re: Probleme mit Bild als Hintergrund

Posted: Sat Apr 17, 2010 8:32 pm
by mikel
ist es das hier:

*/
div#panel-wrapper {
background: #ffffff url(uploads/icms.info/c-bg1.gif) repeat-y 18% 0;
}
div#wrapper{float:left;width:100%}
div#content{margin: 0 20%}
div#navigation{float:left;width:20%;margin-left:-100%}
div#extra{float:left;width:20%;margin-left:-20%}

wenn ja muss ich doch sicher einiges ändern wegen wiederholungen usw. ?

sorry ich bin blutiger anfänger.............

Re: Probleme mit Bild als Hintergrund

Posted: Sat Apr 17, 2010 8:58 pm
by mikel
ok das bild ist nun drin -danke-

ich denke aber das es doch besser ist, ein kleineres bild links und rechts vom content in
wiedrholungen einzufügen

wo finde ich den entsprechenden eintrag?

Re: Probleme mit Bild als Hintergrund

Posted: Sun Apr 18, 2010 5:40 pm
by mikel
das mit dem bild habe ich nun hin bekommen
danke für eure hilfe bisher

wie genau ist denn der code für einen eigenen header, der von dem
template, welches ich benutze ist 3 teilig:(

ichmöchte einen eigenen einfügen hier der code von bisherigen:

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */

div#header {
position: relative;
height: 80px;
background-color: #333333;
color: #cccccc;
line-height: normal;
font-size: 100%;
}

div#panel {
background: #ffffff url(uploads/icms.info/hintergr2.jpg) repeat-x;
padding: 20px;
}

div#content {
padding: 0 25px;
}

/* HEADER
--------------------------------------------------------- */
h1.logo {
width: 208px;
display: block;
background: url(uploads/icms.info/logo.png) no-repeat;
height: 80px;
position: relative;
z-index: 100;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

h1.logo,
h1.logo-text {
margin: 0 0 0 5px;
padding: 0;
font-size: 180%;
text-transform: uppercase;
}

h1.logo-text a {
color: #CCCCCC !important;
text-decoration: none;
outline: none;
position: absolute;
bottom: 40px;
left: 5px;
}

.headermask {
width: 602px;
display: block;
background: url(uploads/icms.info/header-mask.png) no-repeat right top;
height: 80px;
position: absolute;
top: 0pt;
right: 0px;
}

.header1 {background: url(uploads/icms.info/header1.jpg)}
.header2 {background: url(uploads/icms.info/header2.jpg)}
.header3 {background: url(uploads/icms.info/header3.jpg)}


kann mir da bitte noch mal jeamd helfen, wie ich einen eigenen header einbaue?

Re: Probleme mit Bild als Hintergrund

Posted: Wed Apr 21, 2010 12:50 pm
by neophron
Na, im Template erstellst Du einfach ein

Code: Select all

<div id="header">
</div>


Du kannst auch ein per global content, wenn Du verschiedene Templates benutzt, einen header erzeugen. Zuvor musst Du unter Administrator --> allgemeien Einstellungen --> WYSIWYG-Editor für Globale Inhaltsblöcke deaktivieren: aktivieren. Dann gehst Du zu Inhalte  » Globale Inhaltsblöcke --> Neuen globalen Inhaltsblock hinzufügen, nennst ihn z.B. »header« , fügst dort

Code: Select all

<div id="header">
</div>

ein und im Template fügst Du an der Stelle wo der Header erscheinen soll

Code: Select all

{global_content name='header'}
ein.