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
Probleme mit Bild als Hintergrund
Probleme mit Bild als Hintergrund
Last edited by mikel on Sat Apr 17, 2010 8:07 pm, edited 1 time in total.
-
- Forum Members
- Posts: 183
- Joined: Sun Sep 07, 2008 10:47 am
Re: Probleme mit Bilod als Hintergrund
Hallo Mikel,
Es kommt in deine Frage darauf an wo im hintergrund. Über volle Breite oder nur im content oder...?
Gruss,
Anne-Mieke
Es kommt in deine Frage darauf an wo im hintergrund. Über volle Breite oder nur im content oder...?
Gruss,
Anne-Mieke
"If you think it's expensive to hire a professional to do the job, wait until you hire an amateur..." (Red Adair)
Re: Probleme mit Bilod als Hintergrund
über die volle breite bitte
-
- Power Poster
- Posts: 751
- Joined: Fri Sep 12, 2008 2:34 pm
Re: Probleme mit Bild als Hintergrund
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.
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.
[this message is written with 100% recycled bits]
Re: Probleme mit Bild als Hintergrund
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
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
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.............
*/
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
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?
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
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?
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
Na, im Template erstellst Du einfach ein
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
ein und im Template fügst Du an der Stelle wo der Header erscheinen soll 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'}