[WBB 3.1.x] kleine grafiken per border plazieren ?

Member

Thursday, September 30th 2010, 2:00am

kleine grafiken per border plazieren ?

hey mal eine frage wir kann ich die grafiken da links und rechts platzieren einzelnd .. ich hoffe einer kann mir da helfen hab sofast alles probiert ... kann ich die via border platzieren ? oder muss ich dazu das header tpl ab ändern ?

lg , PumaStyler

PumaStyler has attached the following image:

Go to the top of the page

Black Rider

Moderator

Posts: 26,109

2

Thursday, September 30th 2010, 10:53pm

Man sieht auf deinem Screenshot nicht, welcher Bereich das ist.

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©

Go to the top of the page

PumaStyler

Member

Posts: 107

3

Thursday, September 30th 2010, 11:27pm

blackrider das ist der header container also ganz oben warte ich poste mal ganzen screen aber wo die grafiken noch nicht eingebaut sind .

PumaStyler has attached the following image:

Go to the top of the page

Black Rider

Moderator

Posts: 26,109

4

Friday, October 1st 2010, 6:31am

Beim userPanel sollte es gehen, wenn du einmal #userPanel und einmal #userPanel .userPanelInner eine Grafik zuweist.

Beim containerHead einfach eine Grafik dem .containerHead zuweisen und die andere dem .containerHead .containerContent.

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©

Go to the top of the page

Al-Pi

Member

Posts: 430

Location: Mönchengladbach

5

Saturday, October 2nd 2010, 12:13pm

da der containerhead dynamisch sein soll (also keine feste breite) kann man das meiner meinung nach ohne tpl anpassung nicht realisiren.

hier mal eine ähnliche thema [WBB 3.1.x] Header Logo dynamische breite

MY WBB 3.1.x Forum || MY WBB 3.1.x Projects

Go to the top of the page

Black Rider

Moderator

Posts: 26,109

6

Saturday, October 2nd 2010, 12:42pm

Man muss nur die Grafik, die den containerHead abdecken soll, etwas in die Länge ziehen, z.B. 2000px. Die andere dann vielleicht noch 1000px, dann passt alles. Hier sind keine Templatepatches nötig.

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©

Go to the top of the page

PumaStyler

Member

Posts: 107

7

Monday, October 4th 2010, 2:20pm

@Blackrider das wär aber nicht optimal wenn einer trotzdem noch eine höhere auflösung hat würde es ja nicht genau in der ecke sitzen . Wär nett wenn mir einer mal kurz erklären könnte wie ich das über eine tpl anpassung machen könnte weil hab so was noch nie gemacht aber würde es gerne lernen ...

lg PumaStyler

Go to the top of the page

Black Rider

Moderator

Posts: 26,109

8

Monday, October 4th 2010, 2:47pm

3000px wären dann beide Grafiken zusammen und du sagst mir, das wäre nicht optimal für jemanden mit einer höheren? Wie groß ist die Chance, dass jemand eine hörere Auflösung hat? Denkbar schlecht.
Ich beharre nur darauf, weil es doch unsinnig ist, etwas per Templatepatch zu machen, was mit CSS definitiv möglich ist.

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©

Go to the top of the page

PumaStyler

Member

Posts: 107

9

Monday, October 4th 2010, 3:10pm

jo hast di wahrscheinlichkeit ist nicht groß werde es mal testen aber lieber ist mir direkt für alle auflösungen perfekt zu haben ...

lg PumaStyler

Go to the top of the page

Al-Pi

Member

Posts: 430

Location: Mönchengladbach

10

Monday, October 4th 2010, 10:36pm

Quoted from "Black Rider"

Beim containerHead einfach eine Grafik dem .containerHead zuweisen und die andere dem .containerHead .containerContent.

grrrrr ich verstehe es immer noch nicht,
jetzt nur um nur sicher zustellen dass wir nicht aneinander vorbeireden , er will ja im #headerContainer die beiden grafiken haben (habe die stelle mal rot gefärbt und makiert)

index.php?page=Attachment&attachmentID=49805

Quoted from "Black Rider"

Man muss nur die Grafik, die den containerHead abdecken soll, etwas in die Länge ziehen, z.B. 2000px. Die andere dann vielleicht noch 1000px, dann passt alles.

der erste grafik von links nach rechts könnte man auf den #headerContainer zuweisen, was ich aber nicht verstehe wo soll der 2. garfik von rechts nach links überlaufend auf die 1.grafik zugewiesen werden

index.php?page=Attachment&attachmentID=49806

MY WBB 3.1.x Forum || MY WBB 3.1.x Projects

Go to the top of the page

Black Rider

Moderator

Posts: 26,109

11

Monday, October 4th 2010, 10:45pm

Wenn du vom Header redest, bzw. vom userPanel, wo er es auch laut Screenshot haben will, solltest du auch den richtigen Teil meines Beitrages zitieren und befolgen:

Quoted from "Black Rider"

Beim userPanel sollte es gehen, wenn du einmal #userPanel und einmal #userPanel .userPanelInner eine Grafik zuweist.

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©

Go to the top of the page

Al-Pi

Member

Posts: 430

Location: Mönchengladbach

12

Monday, October 4th 2010, 11:02pm

hey ich meine es nicht im bösen, frage es nur aus neugier... ob wirklich eine möglichkein nur mit css gibt?

so wie ich es vom grafiken erkennen kann will er es in die headerContainer setzen was dynamisch 100% ist (siehe grafik vom 1. post)

so wie es aussieht haben userpanel, mainmenu und alles andere eine feste breite, dort hat er auch die grafiken so wie er will. (siehe bild im 3. post)

Al-Pi has attached the following image:

MY WBB 3.1.x Forum || MY WBB 3.1.x Projects

This post has been edited 1 times, last edit by "Al-Pi" (Oct 4th 2010, 11:08pm)

Go to the top of the page

Black Rider

Moderator

Posts: 26,109

13

Monday, October 4th 2010, 11:23pm

Achje, jetzt verstehe ich -.-
Sorry, das war mein Fehler. Ich dachte, er bräuchte den Code für userPanel und containerHead, um das so hinzubekommen.

Dann sollte man das so hinbekommen, dass man die linke Grafik dem Tag body zuweist und die rechte Grafik der ID #headerContainer.

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©

Go to the top of the page

Al-Pi

Member

Posts: 430

Location: Mönchengladbach

14

Monday, October 4th 2010, 11:36pm

Quoted from "Black Rider"

Dann sollte man das so hinbekommen, dass man die linke Grafik dem Tag body zuweist und die rechte Grafik der ID #headerContainer.

in der tat, das wäre wirklich eine möglichkeit.. man müsste nur etwas mit der margin-left werte für #headerContainer rumspielen...

MY WBB 3.1.x Forum || MY WBB 3.1.x Projects

Go to the top of the page

Black Rider

Moderator

Posts: 26,109

15

Tuesday, October 5th 2010, 6:31am

Ist es nicht so, dass eine Hintergrundgrafik des body nicht auch vor dem #headerContainer ist? Ansonsten hast du natürlich Recht. Dabei sollte man dann aber auf jeden Fall mit Prozent-Werten arbeiten und am besten mit position: relative; bzw. dann left: XX%;. Dann sollte es gehen. Nicht zu vergessen, den #headerContainer dann um diese Prozentzahl zu verkleinern

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©

Go to the top of the page

PumaStyler

Member

Posts: 107

16

Tuesday, October 5th 2010, 11:38am

also es funktioniert zwar so aber leider verzieht sich da durch den alles nach links ... und wenn ich alles verschiebe so das alles in der mitte ist passt dies denn nicht bei kleineren auflösungen -.-' jemand noch eine idee ? aber danke schon mal an allen.

	Cascading style sheet
1 2 3 4 5 6	body{ background: url(../images/ca/l1.png); background-position: left top ; height:47px; width:47px; }

lg , PumaStyler

PumaStyler has attached the following image:

Go to the top of the page

Al-Pi

Member

Posts: 430

Location: Mönchengladbach

17

Tuesday, October 5th 2010, 3:26pm

edit//
ich denke dein stil ist ähnlich wie woltlab sunrise aufgebaut. wenn du den headercontainer zb. 90% breit machst würden die grafiken nicht symetrisch positsioniert sein...
lass alles so wie es war, ergänze nur diese follgende code