You are not logged in.

1

Saturday, December 10th 2011, 7:23am

Hintergrund per CSS (?)

Hi,
Ist es möglich einen Hintergrund CSS zuerstellen, da ich zwei verwenden möchte, und ich nur einen
über Global->Seite einfügen kann, danke im Vorraus :)

This post has been edited 1 times, last edit by "Skyline2011" (Dec 10th 2011, 9:01am)


2

Saturday, December 10th 2011, 11:48am

ja, ist es.

Cascading style sheet

1
2
3
body/*Oder was für ein Element du möchtest*/{
background: url(../images/deinstyle/bg.png) no-repeat top left #000 /*deine Farbe*/, url(../images/deinstyle/bg.png) no-repeat top left #000 /*deine Farbe*/;
}

Benötigt aber glaube ich CSS3

3

Saturday, December 10th 2011, 1:21pm

danke klappt, und wie mache ich, das die grafik(en) dann auch mittig sind?

4

Saturday, December 10th 2011, 1:42pm

Am besten CSS lernen... ?(
Dafür gibt es im oben genannten Code doch "top left"...
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©

5

Saturday, December 10th 2011, 1:45pm

Sry, habs mir net durchgelesen, nur die Pfade verändert :S

6

Sunday, December 11th 2011, 2:29pm

"danke klappt, und wie mache ich, das die grafik(en) dann auch mittig sind?"
Anstelle von top left machst du dann center center dahin :)

7

Friday, June 1st 2012, 10:11am

*ausgrab* ich hoffe es ist erlaubt.
Aber auf diese Art und weise 2 Grafiken einzubinden, geht komischerweise nicht mehr ?(
Brauche 2 Hintergründe, einen kann ich ja so im Style-Editor einbauen,
aber einer muss ja dann wohl per CSS und dieser "Code" klappt iwie nicht (mehr).

8

Friday, June 1st 2012, 10:15am

Solcher CSS-Code ist sogar relativ neu, daher sollte er "erst" seit geraumer Zeit funktionieren und nicht nicht mehr. ;)
Welchen Browser nutzt du denn?
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©

9

Friday, June 1st 2012, 10:20am

Ich benutze Google Chrome die neueste Version.

Edit oder ist hier was falsch?:

Cascading style sheet

1
body {background: url(../images/style1/bg.png) repeat-x top left #000 , url(../images/style1/hintergrund.jpg) repeat top left #000 ;}

10

Friday, June 1st 2012, 10:22am

Dieser sollte das eigentlich anzeigen.
Hast du mal einen Link zu deinem Forum sowie den genauen Code, den du nutzt?
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©

11

Friday, June 1st 2012, 10:28am

Den genauen Code hab ich bereits ein Beitrag zuvor hinzugefügt.
Allerdings wurde er hier in eine Zeile gepackt, original ist er bei mir
in 3 Zeilen.

Link zu meinen Forum: http://skylines-world.de/

12

Friday, June 1st 2012, 10:30am

Ich kann den angegebenen CSS-Code nirgends entdecken. Vielleicht hast du davor irgendwo eine schließende geschweifte Klammer vergessen?
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©

13

Friday, June 1st 2012, 10:36am

Nicht das ich wüsste, hab dir mal ne PN geschickt mit meinen CSS code.

14

Friday, June 1st 2012, 10:36am

Warum per PN? Ist der so geheim? Du weißt schon, dass ihn dennoch jeder lesen kann, der auf deine Seite kommt? ;)
Deshalb und auch, damit das Thema hier vielleicht noch anderen hilft, poste ihn bitte hier.
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©

15

Friday, June 1st 2012, 10:39am

Ich meine ja den ganzen, aber ok meinetwegen:

.mainMenuInner {
border: 0px !important;
}

.mainMenu {
min-height: 36px;
background: transparent url($global.images.location$menu.png);
background-repeat: repeat-x;
background-position: left top;
border: 0 !important;
}

.mainMenu .mainMenuInner {
max-width: 80%;
min-width: 980px;
margin: 0 auto;
}

.mainMenu img {
display:none;
}

#mainMenu a {
padding: 10px 22px 3px;
border-width: 0 0px 0 0px;
font-size: 12px;
}

#header, #logo, #mainMenu, #mainMenu .mainMenuInner {
border: 0;
}

#userPanel .userPanelInner {
position: relative;
top: 0px;
right: 0;
margin-left: 112px;
padding-right: 0px;
z-index: 99;
}

#userAvatar {
clip: rect(0px, 100px, 100px, 0px);
display: block !important;
position: absolute;
top: 37px;
left: -85px;
}

#userAvatar img {
height: auto !important;
width: 100px !important;
}

#userNote {
position: absolute;
top: 5px;
left: -85px;
}

#userMenu {
display: block;
position: absolute;
top: 27px;
left: 20px;
width: 160px;
}

#search { top: 100px; right: 25px; }

#mainMenu a { font-weight:bold; }
}

#footer {
border: 0 !important;
background-image: url("../images/style1/footer.png") ;
background-repeat:no-repeat;
width:900px;
color:ffffff;
height:150px;
font-size : 11px;
padding-top:30px;
padding-left: 25px;
padding-right: 25px;
}

#header, #logo, #mainMenu {
min-width: 909px;
max-width: 910px;
}

/* main */
#main {
padding: 20px;
margin-top: 0px;
}

body {
background: url(../images/style1/bg.png) repeat-x top left #000 , url(../images/style1/hintergrund.jpg) repeat top left #000 ;
}

Das alles falsch dargestellt wird mit [code] und [css] hab ichs so gemacht

16

Friday, June 1st 2012, 10:45am

Schau mal in Zeile 13, dort ist zumindest eine geschweifte Klammer zu viel.
Außerdem wäre es gut, wenn man den Stil auf deiner Seite mal anschauen könnte. Ich sehe nur den Standardstil. ;)
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©

17

Friday, June 1st 2012, 10:53am

Wenn ich in Zeile 13 die } entferne, entfernt der alle Codes dannach.
Mir ist auch aufgefallen, das der Footer garnicht eingeblendet wird.
Wenn ich die Rotmarkierte Klammer entferne, wird der Footer schon angezeigt, aber die restlichen Codes nicht.

.mainMenu img {
display:none;
}

Edit: Der Style ist nun drin.

18

Friday, June 1st 2012, 11:00am

Ich meinte hier:

#mainMenu a { font-weight:bold; }
}

Das ist eine Klammer zu viel. Den Stil sehe ich übrigens immer noch nicht, nur den Standardstil von Burning Board Lite 2. ;)
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©

19

Friday, June 1st 2012, 11:03am

Nun aber :)
Der Footer geht nun, danke, allerdings die beiden Hintergründe immer noch nicht

20

Friday, June 1st 2012, 11:35am

Blackout...
Mit background dürfte das gar nicht funktionieren, nur mit background-image.
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©