Fragen und Antworten » Hintergrundbild richtig einstellen

28.03.2013 19:11 (zuletzt bearbeitet: 28.03.2013 19:14)

Tangofoxx
#1 Hintergrundbild richtig einstellen

Ta

Hallo Community,

ich habe folgendes Problem:

Ich habe Business Template ausgewählt, dazu habe ich einen Kopfbanner (Kopfzeile: ca. 190px hoch). Unter dem Kopfbanner befindet sich die Navigation und dann das Hintergrundbild.

Leider darf das Hintergrundbild max. 1920 x 1200 [px] groß sein.

Folgendes will ich haben:

Der obere Teil meines Hintergrundbildes wird leider durch die Navigation und durch den Kopfbanner verdeckt (ca. 210px sind verdeckt).
Gibt es einen CSS-Code in dem man angeben kann, dass das Hintergrundbild erst unter der Navigation anfängt, bzw. kann man die Maximalgrößen für das Hintergrundbild erhöhen?

Zusaätzlich habe ich in der Kopfzeile einige Gameicons die auch ein Extrateil bei mir im Forum haben, ich würde die dementsprechend gerne verlinken.
Wenn man also auf das Gameicon im Banner klickt soll man direkt zum Forenteil kommen, aber wie mache ich das?

Hoffe ihr könnt mir helfen.

mein Forum: http://scpd.xobor.de/

Antworten

Beitrag melden

#2

30.03.2013 18:31

Olaf
#2 RE: Hintergrundbild richtig einstellen

Ol

Olaf

Zitat von Tangofoxx im Beitrag #1
Der obere Teil meines Hintergrundbildes wird leider durch die Navigation und durch den Kopfbanner verdeckt (ca. 210px sind verdeckt).
Gibt es einen CSS-Code in dem man angeben kann, dass das Hintergrundbild erst unter der Navigation anfängt,

Der Header ist auf das Hintergrundbild gelegt und daher wird beim nach oben scrollen der obere Teil vom Hintergrundbild vom Header wieder freigegeben.Würde das Hintergrundbild mitscrollen,dann könnte man das Hintergrundbild per CSS um 210 Pixel weiter nach unten schieben,damit es dann genau unter der Navi angezeigt wird.

Zitat von Tangofoxx im Beitrag #1
bzw. kann man die Maximalgrößen für das Hintergrundbild erhöhen?

Ich weiß nicht,ob die Software die Größe überprüft.Theoretisch gibt es da keine Begrenzung.

Zitat von Tangofoxx im Beitrag #1

Zusaätzlich habe ich in der Kopfzeile einige Gameicons die auch ein Extrateil bei mir im Forum haben, ich würde die dementsprechend gerne verlinken.
Wenn man also auf das Gameicon im Banner klickt soll man direkt zum Forenteil kommen, aber wie mache ich das?

Du soltest erstmal die einzelnen Logos als Einzelbild anfertigen und dann die Logos über den Header legen und verlinken.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#3

30.03.2013 18:42

Tangofoxx
#3 RE: Hintergrundbild richtig einstellen

Ta

Tangofoxx

Zitat von Olaf im Beitrag #2

Zitat von Tangofoxx im Beitrag #1

Zusaätzlich habe ich in der Kopfzeile einige Gameicons die auch ein Extrateil bei mir im Forum haben, ich würde die dementsprechend gerne verlinken.
Wenn man also auf das Gameicon im Banner klickt soll man direkt zum Forenteil kommen, aber wie mache ich das?

Du soltest erstmal die einzelnen Logos als Einzelbild anfertigen und dann die Logos über den Header legen und verlinken.

Die Icons habe ich schon als Einzelbilder, aber wie kann ich die über den Header legen bzw. verlinken?

Antworten

Beitrag melden

#4

30.03.2013 19:13

Olaf
#4 RE: Hintergrundbild richtig einstellen

Ol

Olaf

Da ich die Bilder nicht habe,kann ich auch keine genaue Formatierung der Logos machen.Hier habe ich mit "margin" einen Zwischenraum der Logos von 10px eingestellt.Wie es oben und unten ist,entscheidet Deine Größe der Logos.
Hier einen Vorschlag,den man in er Kopfzeile im Admin bei Fertigstellung einsetzen kann:

1
2
3
4
5
6
7
8
 
<div style="margin:0px 10px 0px 10px; position:absolute; z-index:200">
<a href="1.Link wohin gesprungen werden soll"><img src="1.Link vom Logo" border="0"></a>
<a href="2.Link wohin gesprungen werden soll"><img src="2.Link vom Logo" border="0"></a>
<a href="3.Link wohin gesprungen werden soll"><img src="3.Link vom Logo" border="0"></a>
.....
.....
....
<div>
 

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#5

30.03.2013 19:56 (zuletzt bearbeitet: 30.03.2013 20:00)

Olaf
#5 RE: Hintergrundbild richtig einstellen

Ol

Olaf

Der Code von mir ist so nicht korrekt.Er würde alle Logos auf einen Haufen legen.
So sieht es besser aus:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<style type="text/css">
.logos {
margin:0px 10px 0px 10px;
position:absolute;
z-index:200;
}
</style>
 
<div class="logos">
<a href="1.Link wohin gesprungen werden soll"><img src="1.Link vom Logo" border="0"></a>
</div>
<div class="logos">
<a href="2.Link wohin gesprungen werden soll"><img src="2.Link vom Logo" border="0"></a>
</div>
<div class="logos">
<a href="3.Link wohin gesprungen werden soll"><img src="3.Link vom Logo" border="0"></a>
</div>
....
.....
....
 
 