You are not logged in.

[WBB 3.1.x] Seitenkopf Hintergrundgrafik automatisch skalierbar?

axi92

Member

  • "axi92" is male
  • "axi92" started this thread

Posts: 84

Location: Wien

Occupation: Schüler

  • Send private message

1

Sunday, June 10th 2012, 8:17pm

Seitenkopf Hintergrundgrafik automatisch skalierbar?

Ist es möglich die Hintergrundgrafik im Seitenkopf. Also die Headgrafik.
So zu gestalten damit es dynamisch bei jeder auflösung so skalliert wird das es den Seitenkopf immer ausfüllt?
Derzeit habe ich meine Seite auf dynamisch, zentriert 80% eingestellt.
Nun will ich das das Seitenkopfbild sich dementsprechend skalliert.
mfg axi92

Black Rider

Moderator

  • "Black Rider" is male

Posts: 26,105

  • Send private message

2

Sunday, June 10th 2012, 9:16pm

Das ist mit CSS3 und background-size möglich, erfordert aber eine entsprechend hoch aufgelöste Grafik. Außerdem wird dieser Befehl nicht von jedem Browser verstanden.
Mit freundlichen Grüßen
Best regards
KittBlog Stile - Ihr Kit für Stile, Software und Knowhow
Your kit for styles, software and knowhow
Erste Linkliste zu Erweiterungen und Support rund um Burning Board©
First linklist for plugins and support around Burning Board©

axi92

Member

  • "axi92" is male
  • "axi92" started this thread

Posts: 84

Location: Wien

Occupation: Schüler

  • Send private message

3

Sunday, June 10th 2012, 9:25pm

Wie kann ich das realisieren, lohnt sich das wenn man die Vorteile und Nachteile abwiegt?
Und welche Browser verstehen es?
mfg axi92

This post has been edited 1 times, last edit by "axi92" (Jun 10th 2012, 9:55pm)

Black Rider

Moderator

  • "Black Rider" is male

Posts: 26,105

  • Send private message

4

Monday, June 11th 2012, 11:07am

Siehe hier:
http://css3info.de/board/index.php?page=LexiconItem&id=90

Da der Internet Explorer 9 allerdings im Kompatibilitätsmodus läuft, unterstützt er es nicht unter Burning Board. ;)
Mit freundlichen Grüßen
Best regards
KittBlog Stile - Ihr Kit für Stile, Software und Knowhow
Your kit for styles, software and knowhow
Erste Linkliste zu Erweiterungen und Support rund um Burning Board©
First linklist for plugins and support around Burning Board©

axi92

Member

  • "axi92" is male
  • "axi92" started this thread

Posts: 84

Location: Wien

Occupation: Schüler

  • Send private message

5

Monday, June 11th 2012, 5:05pm

Wie finde ich heraus welches

Cascading style sheet

 
1

#element

das ist?
mfg axi92

Black Rider

Moderator

  • "Black Rider" is male

Posts: 26,105

  • Send private message

6

Monday, June 11th 2012, 5:39pm

Bei Firefox z.B. Rechtsklick -> Element untersuchen. Äquivalentes gibt es in anderen Browsern.
Mit freundlichen Grüßen
Best regards
KittBlog Stile - Ihr Kit für Stile, Software und Knowhow
Your kit for styles, software and knowhow
Erste Linkliste zu Erweiterungen und Support rund um Burning Board©
First linklist for plugins and support around Burning Board©

axi92

Member

  • "axi92" is male
  • "axi92" started this thread

Posts: 84

Location: Wien

Occupation: Schüler

  • Send private message

7

Monday, June 11th 2012, 5:55pm

Ok hat gut geklappt =)
Nur ging es ohne den 3D modus nicht weil das logo sich vorgestellt hat xD
Ich habe jetzt herausgefunden das es der: div#header ist
Nur wo muss ich das jetzt bearbeiten? Bei Stil und Zusätzliche CSS Deklarationen?
mfg axi92

Black Rider

Moderator

  • "Black Rider" is male

Posts: 26,105

  • Send private message

8

Monday, June 11th 2012, 6:33pm

Genau.
Mit freundlichen Grüßen
Best regards
KittBlog Stile - Ihr Kit für Stile, Software und Knowhow
Your kit for styles, software and knowhow
Erste Linkliste zu Erweiterungen und Support rund um Burning Board©
First linklist for plugins and support around Burning Board©

axi92

Member

  • "axi92" is male
  • "axi92" started this thread

Posts: 84

Location: Wien

Occupation: Schüler

  • Send private message

9

Monday, June 11th 2012, 7:53pm

So?

Cascading style sheet

 
1
2
3
4
5
6
7
8

#DIV#header {
background-image: url("../images/test.png");
background-size: 100px auto;
}

#DIV#header {
background-size: <Länge>{2} | <%>{2} | cover | contain;
}


Gut bin jetzt selbst draufgekommen xD
So gehört es =)

Cascading style sheet

 
1
2
3
4

#header {
background-size: 100% auto;
background-size: <Länge>{2} | <%>{2} | cover | contain;
}
mfg axi92

This post has been edited 1 times, last edit by "axi92" (Jun 11th 2012, 8:06pm)

Similar threads