Benötige Hilfe bei meinen Templates

View: New views
9 Messages — Rating Filter:   Alert me  

Benötige Hilfe bei meinen Templates

by Hager Christian :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hallo Leute,
ich habe da ein kleines Problem und weiß nicht genau wie ich das lösen soll.

Es geht um meine Templates, diese sind bis zu einem gewissen Grad identisch.
Jedes Template ist mit einer anderen Body ID versehen und das ganze sieht so aus:

<body id="123>

   <div id="aaa">
      <div id="bbb">
         <div id="ccc">
         Ab hier können die <div> unterschiedlich sein.
         </div>
      </div>
   </div>

</body>

Bei den anderen Template steht in der Body id z.B.: 456, oder 789, ....
Ich möchte jetzt haben das bei dem Template wo die Body Id "123" ist, der div "ccc" einen anderen Hintergrund hat.

Wenn ich dem div ccc einen Hintergund per css eingebe ist dies ja dann bei allen Templates so, und das will ich ja vermeiden.
Kann mir da wer weiter helfen


Mit freundlichen Grüßen,
Christian
_______________________________________________
TYPO3-german mailing list
TYPO3-german@...
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: Benötige Hilfe bei meinen Templates

by Michael-304 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hager Christian wrote:

> <body id="123>
[...]

CSS Klassennamen sollten nicht mit einem numerischen Zeichen beginnen.
Besser waere sowas wie zum Beispiel: id="page123" anstatt id="123".

> Bei den anderen Template steht in der Body id z.B.: 456, oder 789, ....
> Ich möchte jetzt haben das bei dem Template wo die Body Id "123" ist,
> der div "ccc" einen anderen Hintergrund hat. Wenn ich dem div ccc
> einen Hintergund per css eingebe ist dies ja dann bei allen Templates
> so, und das will ich ja vermeiden.

Suchst du vielleicht sowas wie:

body#page123 div#ccc {
   background-color: white;
}

body#page456 div#ccc {
   background-color: black;
}

Unter der Verwendung von id="page123", siehe oben :-)

HTH
Michael
_______________________________________________
TYPO3-german mailing list
TYPO3-german@...
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: Benötige Hilfe bei meinen Templates

by Jochen Graf-3 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hager Christian schrieb:

> Hallo Leute,
> ich habe da ein kleines Problem und weiß nicht genau wie ich das lösen soll.
>
> Es geht um meine Templates, diese sind bis zu einem gewissen Grad identisch.
> Jedes Template ist mit einer anderen Body ID versehen und das ganze sieht so aus:
>
> <body id="123>
>
>    <div id="aaa">
>       <div id="bbb">
>          <div id="ccc">
>          Ab hier können die <div> unterschiedlich sein.
>          </div>
>       </div>
>    </div>
>
> </body>
>
> Bei den anderen Template steht in der Body id z.B.: 456, oder 789, ....
> Ich möchte jetzt haben das bei dem Template wo die Body Id "123" ist, der div "ccc" einen anderen Hintergrund hat.
>
> Wenn ich dem div ccc einen Hintergund per css eingebe ist dies ja dann bei allen Templates so, und das will ich ja vermeiden.
> Kann mir da wer weiter helfen
>
>
> Mit freundlichen Grüßen,
> Christian
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german@...
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>
>
>  
hallo,
es gibt bestimmt einige Ansätze,

ich würde mir zwei templates anlegen im TS

[globalVar=TSFE:page|layout=0]
page.10.template.file = fileadmin/templateHintergrund_Blau.html
page.includeCSS.file4 = fileadmin/css/import/rgrund_Blau.css
[global]

[globalVar=TSFE:page|layout=1]
page.10.template.file = fileadmin/template/Hintergrund_GELB.html
page.includeCSS.file4 = fileadmin/css/import/Hintergrund_GELB.css
[global]



# Layout Auswahl
TCEFORM.pages {
  layout.altLabels.0 = Hintergrund_Blau
  layout.altLabels.1 = Hintergrund_GELB
}


Später können diese über die Seiteneigenschaften ausgewählt werden.

Bei einem Projekt hatte ich mal 4 Verschiedene Hintergundfarben und zwei
/ drei spalten Layouts.


Oder was ich auch schon gemacht habe

ein ext template auf einer Seite und mit

page.includeCSS.file1 = fileadmin/Gratuiertentest/css/hintergrund_gelb.css



oder über

ROOTTEMPLATE

[globalVar = TSFE:id= 59]
stylesheet = fileadmin/Gratuiertentest/css/hintergrund_gelb.css
[global]




--
Mit freundlichen Grüssen

Jochen Graf

Universität Koblenz-Landau / Campus Landau
Arbeitstelle Multimedia/Technik-Administration

Thomas-Nast-Str. 44
76829 Landau

mail: graf@...
fon: 06341-990-224

web:http://www.paeps.uni-landau.de


_______________________________________________
TYPO3-german mailing list
TYPO3-german@...
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: Benötige Hilfe bei meinen Templates

by Kerstin Finke :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Jochen Graf schrieb:

> Hager Christian schrieb:
>> Hallo Leute,
>> ich habe da ein kleines Problem und weiß nicht genau wie ich das lösen
>> soll.
>>
>> Es geht um meine Templates, diese sind bis zu einem gewissen Grad
>> identisch.
>> Jedes Template ist mit einer anderen Body ID versehen und das ganze
>> sieht so aus:
>>
>> <body id="123>
>>
>>    <div id="aaa">
>>       <div id="bbb">
>>          <div id="ccc">
>>          Ab hier können die <div> unterschiedlich sein.
>>          </div>
>>       </div>
>>    </div>
>>
>> </body>
>>
>> Bei den anderen Template steht in der Body id z.B.: 456, oder 789, ....
>> Ich möchte jetzt haben das bei dem Template wo die Body Id "123" ist,
>> der div "ccc" einen anderen Hintergrund hat.
>>
>> Wenn ich dem div ccc einen Hintergund per css eingebe ist dies ja dann
>> bei allen Templates so, und das will ich ja vermeiden.
>> Kann mir da wer weiter helfen
>>
>>
>> Mit freundlichen Grüßen,
>> Christian
>> _______________________________________________
>> TYPO3-german mailing list
>> TYPO3-german@...
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>
>>
>>  
> hallo,
> es gibt bestimmt einige Ansätze,
>
> ich würde mir zwei templates anlegen im TS
>
> [globalVar=TSFE:page|layout=0]
> page.10.template.file = fileadmin/templateHintergrund_Blau.html
> page.includeCSS.file4 = fileadmin/css/import/rgrund_Blau.css
> [global]
>
> [globalVar=TSFE:page|layout=1]
> page.10.template.file = fileadmin/template/Hintergrund_GELB.html
> page.includeCSS.file4 = fileadmin/css/import/Hintergrund_GELB.css
> [global]
>
>
>
> # Layout Auswahl
> TCEFORM.pages {
>  layout.altLabels.0 = Hintergrund_Blau
>  layout.altLabels.1 = Hintergrund_GELB
> }
>
>
> Später können diese über die Seiteneigenschaften ausgewählt werden.
>
> Bei einem Projekt hatte ich mal 4 Verschiedene Hintergundfarben und zwei
> / drei spalten Layouts.
>
>
> Oder was ich auch schon gemacht habe
>
> ein ext template auf einer Seite und mit
>
> page.includeCSS.file1 = fileadmin/Gratuiertentest/css/hintergrund_gelb.css
>
>
>
> oder über
>
> ROOTTEMPLATE
>
> [globalVar = TSFE:id= 59]
> stylesheet = fileadmin/Gratuiertentest/css/hintergrund_gelb.css
> [global]
>
>
>
>

Hallo,

bin mir nicht sicher, ob <body id="123> geht.

Wenn ja, müsstest du folgendes machen können:

Du brauchst dann nur eine css-Datei und schreibst darein:

body#123 div#ccc {
     background-color: yellow;
}

body#456 div#ccc {
     background-color: blue;
}

Gruß
Kerstin
_______________________________________________
TYPO3-german mailing list
TYPO3-german@...
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: Benötige Hilfe bei meinen Templates

by Hager Christian :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Danke @ all.

body#123 div#ccc {
     background-color: yellow;
}

body#456 div#ccc {
     background-color: blue;
}

Dies hat funktioniert, ich habe nicht wirklich 123 unter body id verwendet, sondern f1d, es sollte nur als Beispiel dienen.

Aber eine andere Frage habe ich noch, kann ich angeben dass das Hintergrundbild erst 50px unterhalb des div Beginns beginnen soll?
Also dem body#456 div#ccc und 50 px darunter soll das Bild erst beginnen nach unten wiederholt zu werden.

Liebe Grüße und vielen Dank,
Christian



-----Ursprüngliche Nachricht-----
Von: typo3-german-bounces@... [mailto:typo3-german-bounces@...] Im Auftrag von Kerstin Finke
Gesendet: Dienstag, 10. November 2009 10:34
An: typo3-german@...
Betreff: Re: [TYPO3-german] Benötige Hilfe bei meinen Templates

Jochen Graf schrieb:

> Hager Christian schrieb:
>> Hallo Leute,
>> ich habe da ein kleines Problem und weiß nicht genau wie ich das lösen
>> soll.
>>
>> Es geht um meine Templates, diese sind bis zu einem gewissen Grad
>> identisch.
>> Jedes Template ist mit einer anderen Body ID versehen und das ganze
>> sieht so aus:
>>
>> <body id="123>
>>
>>    <div id="aaa">
>>       <div id="bbb">
>>          <div id="ccc">
>>          Ab hier können die <div> unterschiedlich sein.
>>          </div>
>>       </div>
>>    </div>
>>
>> </body>
>>
>> Bei den anderen Template steht in der Body id z.B.: 456, oder 789, ....
>> Ich möchte jetzt haben das bei dem Template wo die Body Id "123" ist,
>> der div "ccc" einen anderen Hintergrund hat.
>>
>> Wenn ich dem div ccc einen Hintergund per css eingebe ist dies ja dann
>> bei allen Templates so, und das will ich ja vermeiden.
>> Kann mir da wer weiter helfen
>>
>>
>> Mit freundlichen Grüßen,
>> Christian
>> _______________________________________________
>> TYPO3-german mailing list
>> TYPO3-german@...
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>
>>
>>  
> hallo,
> es gibt bestimmt einige Ansätze,
>
> ich würde mir zwei templates anlegen im TS
>
> [globalVar=TSFE:page|layout=0]
> page.10.template.file = fileadmin/templateHintergrund_Blau.html
> page.includeCSS.file4 = fileadmin/css/import/rgrund_Blau.css
> [global]
>
> [globalVar=TSFE:page|layout=1]
> page.10.template.file = fileadmin/template/Hintergrund_GELB.html
> page.includeCSS.file4 = fileadmin/css/import/Hintergrund_GELB.css
> [global]
>
>
>
> # Layout Auswahl
> TCEFORM.pages {
>  layout.altLabels.0 = Hintergrund_Blau
>  layout.altLabels.1 = Hintergrund_GELB
> }
>
>
> Später können diese über die Seiteneigenschaften ausgewählt werden.
>
> Bei einem Projekt hatte ich mal 4 Verschiedene Hintergundfarben und zwei
> / drei spalten Layouts.
>
>
> Oder was ich auch schon gemacht habe
>
> ein ext template auf einer Seite und mit
>
> page.includeCSS.file1 = fileadmin/Gratuiertentest/css/hintergrund_gelb.css
>
>
>
> oder über
>
> ROOTTEMPLATE
>
> [globalVar = TSFE:id= 59]
> stylesheet = fileadmin/Gratuiertentest/css/hintergrund_gelb.css
> [global]
>
>
>
>

Hallo,

bin mir nicht sicher, ob <body id="123> geht.

Wenn ja, müsstest du folgendes machen können:

Du brauchst dann nur eine css-Datei und schreibst darein:

body#123 div#ccc {
     background-color: yellow;
}

body#456 div#ccc {
     background-color: blue;
}

Gruß
Kerstin
_______________________________________________
TYPO3-german mailing list
TYPO3-german@...
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
_______________________________________________
TYPO3-german mailing list
TYPO3-german@...
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: Benötige Hilfe bei meinen Templates

by Christian Wolff :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

ja mit css ist das möglich

z.b so:

div#irgendwas {
        background-image: url(background.jpg);
        background-repeat: no-repeat;
        background-position: 0px 50px; /* Horizontal, Vertical */

}



das ganze kann man auch noch kürzer schreiben:
div#irgendwas {
        background: url(background.jpg) no-repeat 0px 50px;
}

ausserdem kann ich dir dazu noch selfhtml empfehlen:
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

gruss chris

Hager Christian schrieb:

> Danke @ all.
>
> body#123 div#ccc {
>      background-color: yellow;
> }
>
> body#456 div#ccc {
>      background-color: blue;
> }
>
> Dies hat funktioniert, ich habe nicht wirklich 123 unter body id verwendet, sondern f1d, es sollte nur als Beispiel dienen.
>
> Aber eine andere Frage habe ich noch, kann ich angeben dass das Hintergrundbild erst 50px unterhalb des div Beginns beginnen soll?
> Also dem body#456 div#ccc und 50 px darunter soll das Bild erst beginnen nach unten wiederholt zu werden.
>
> Liebe Grüße und vielen Dank,
> Christian
>
>
>
> -----Ursprüngliche Nachricht-----
> Von: typo3-german-bounces@... [mailto:typo3-german-bounces@...] Im Auftrag von Kerstin Finke
> Gesendet: Dienstag, 10. November 2009 10:34
> An: typo3-german@...
> Betreff: Re: [TYPO3-german] Benötige Hilfe bei meinen Templates
>
> Jochen Graf schrieb:
>> Hager Christian schrieb:
>>> Hallo Leute,
>>> ich habe da ein kleines Problem und weiß nicht genau wie ich das lösen
>>> soll.
>>>
>>> Es geht um meine Templates, diese sind bis zu einem gewissen Grad
>>> identisch.
>>> Jedes Template ist mit einer anderen Body ID versehen und das ganze
>>> sieht so aus:
>>>
>>> <body id="123>
>>>
>>>    <div id="aaa">
>>>       <div id="bbb">
>>>          <div id="ccc">
>>>          Ab hier können die <div> unterschiedlich sein.
>>>          </div>
>>>       </div>
>>>    </div>
>>>
>>> </body>
>>>
>>> Bei den anderen Template steht in der Body id z.B.: 456, oder 789, ....
>>> Ich möchte jetzt haben das bei dem Template wo die Body Id "123" ist,
>>> der div "ccc" einen anderen Hintergrund hat.
>>>
>>> Wenn ich dem div ccc einen Hintergund per css eingebe ist dies ja dann
>>> bei allen Templates so, und das will ich ja vermeiden.
>>> Kann mir da wer weiter helfen
>>>
>>>
>>> Mit freundlichen Grüßen,
>>> Christian
>>> _______________________________________________
>>> TYPO3-german mailing list
>>> TYPO3-german@...
>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>>
>>>
>>>  
>> hallo,
>> es gibt bestimmt einige Ansätze,
>>
>> ich würde mir zwei templates anlegen im TS
>>
>> [globalVar=TSFE:page|layout=0]
>> page.10.template.file = fileadmin/templateHintergrund_Blau.html
>> page.includeCSS.file4 = fileadmin/css/import/rgrund_Blau.css
>> [global]
>>
>> [globalVar=TSFE:page|layout=1]
>> page.10.template.file = fileadmin/template/Hintergrund_GELB.html
>> page.includeCSS.file4 = fileadmin/css/import/Hintergrund_GELB.css
>> [global]
>>
>>
>>
>> # Layout Auswahl
>> TCEFORM.pages {
>>  layout.altLabels.0 = Hintergrund_Blau
>>  layout.altLabels.1 = Hintergrund_GELB
>> }
>>
>>
>> Später können diese über die Seiteneigenschaften ausgewählt werden.
>>
>> Bei einem Projekt hatte ich mal 4 Verschiedene Hintergundfarben und zwei
>> / drei spalten Layouts.
>>
>>
>> Oder was ich auch schon gemacht habe
>>
>> ein ext template auf einer Seite und mit
>>
>> page.includeCSS.file1 = fileadmin/Gratuiertentest/css/hintergrund_gelb.css
>>
>>
>>
>> oder über
>>
>> ROOTTEMPLATE
>>
>> [globalVar = TSFE:id= 59]
>> stylesheet = fileadmin/Gratuiertentest/css/hintergrund_gelb.css
>> [global]
>>
>>
>>
>>
>
> Hallo,
>
> bin mir nicht sicher, ob <body id="123> geht.
>
> Wenn ja, müsstest du folgendes machen können:
>
> Du brauchst dann nur eine css-Datei und schreibst darein:
>
> body#123 div#ccc {
>      background-color: yellow;
> }
>
> body#456 div#ccc {
>      background-color: blue;
> }
>
> Gruß
> Kerstin
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german@...
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german


--
Christian Wolff // Berlin
http://www.connye.com

some projects:
http://richtermediagroup.com | http://titanic.de |
http://fairplay-homepage.de
_______________________________________________
TYPO3-german mailing list
TYPO3-german@...
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: Benötige Hilfe bei meinen Templates

by Hager Christian :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Oh, das ich bei background-position auch px verwenden kann das wusste ich nicht.

DANKE!

Liebe Grüße,
Christian

-----Ursprüngliche Nachricht-----
Von: typo3-german-bounces@... [mailto:typo3-german-bounces@...] Im Auftrag von Christian Wolff
Gesendet: Dienstag, 10. November 2009 11:16
An: typo3-german@...
Betreff: Re: [TYPO3-german] Benötige Hilfe bei meinen Templates

ja mit css ist das möglich

z.b so:

div#irgendwas {
        background-image: url(background.jpg);
        background-repeat: no-repeat;
        background-position: 0px 50px; /* Horizontal, Vertical */

}



das ganze kann man auch noch kürzer schreiben:
div#irgendwas {
        background: url(background.jpg) no-repeat 0px 50px;
}

ausserdem kann ich dir dazu noch selfhtml empfehlen:
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

gruss chris

Hager Christian schrieb:

> Danke @ all.
>
> body#123 div#ccc {
>      background-color: yellow;
> }
>
> body#456 div#ccc {
>      background-color: blue;
> }
>
> Dies hat funktioniert, ich habe nicht wirklich 123 unter body id verwendet, sondern f1d, es sollte nur als Beispiel dienen.
>
> Aber eine andere Frage habe ich noch, kann ich angeben dass das Hintergrundbild erst 50px unterhalb des div Beginns beginnen soll?
> Also dem body#456 div#ccc und 50 px darunter soll das Bild erst beginnen nach unten wiederholt zu werden.
>
> Liebe Grüße und vielen Dank,
> Christian
>
>
>
> -----Ursprüngliche Nachricht-----
> Von: typo3-german-bounces@... [mailto:typo3-german-bounces@...] Im Auftrag von Kerstin Finke
> Gesendet: Dienstag, 10. November 2009 10:34
> An: typo3-german@...
> Betreff: Re: [TYPO3-german] Benötige Hilfe bei meinen Templates
>
> Jochen Graf schrieb:
>> Hager Christian schrieb:
>>> Hallo Leute,
>>> ich habe da ein kleines Problem und weiß nicht genau wie ich das lösen
>>> soll.
>>>
>>> Es geht um meine Templates, diese sind bis zu einem gewissen Grad
>>> identisch.
>>> Jedes Template ist mit einer anderen Body ID versehen und das ganze
>>> sieht so aus:
>>>
>>> <body id="123>
>>>
>>>    <div id="aaa">
>>>       <div id="bbb">
>>>          <div id="ccc">
>>>          Ab hier können die <div> unterschiedlich sein.
>>>          </div>
>>>       </div>
>>>    </div>
>>>
>>> </body>
>>>
>>> Bei den anderen Template steht in der Body id z.B.: 456, oder 789, ....
>>> Ich möchte jetzt haben das bei dem Template wo die Body Id "123" ist,
>>> der div "ccc" einen anderen Hintergrund hat.
>>>
>>> Wenn ich dem div ccc einen Hintergund per css eingebe ist dies ja dann
>>> bei allen Templates so, und das will ich ja vermeiden.
>>> Kann mir da wer weiter helfen
>>>
>>>
>>> Mit freundlichen Grüßen,
>>> Christian
>>> _______________________________________________
>>> TYPO3-german mailing list
>>> TYPO3-german@...
>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>>
>>>
>>>  
>> hallo,
>> es gibt bestimmt einige Ansätze,
>>
>> ich würde mir zwei templates anlegen im TS
>>
>> [globalVar=TSFE:page|layout=0]
>> page.10.template.file = fileadmin/templateHintergrund_Blau.html
>> page.includeCSS.file4 = fileadmin/css/import/rgrund_Blau.css
>> [global]
>>
>> [globalVar=TSFE:page|layout=1]
>> page.10.template.file = fileadmin/template/Hintergrund_GELB.html
>> page.includeCSS.file4 = fileadmin/css/import/Hintergrund_GELB.css
>> [global]
>>
>>
>>
>> # Layout Auswahl
>> TCEFORM.pages {
>>  layout.altLabels.0 = Hintergrund_Blau
>>  layout.altLabels.1 = Hintergrund_GELB
>> }
>>
>>
>> Später können diese über die Seiteneigenschaften ausgewählt werden.
>>
>> Bei einem Projekt hatte ich mal 4 Verschiedene Hintergundfarben und zwei
>> / drei spalten Layouts.
>>
>>
>> Oder was ich auch schon gemacht habe
>>
>> ein ext template auf einer Seite und mit
>>
>> page.includeCSS.file1 = fileadmin/Gratuiertentest/css/hintergrund_gelb.css
>>
>>
>>
>> oder über
>>
>> ROOTTEMPLATE
>>
>> [globalVar = TSFE:id= 59]
>> stylesheet = fileadmin/Gratuiertentest/css/hintergrund_gelb.css
>> [global]
>>
>>
>>
>>
>
> Hallo,
>
> bin mir nicht sicher, ob <body id="123> geht.
>
> Wenn ja, müsstest du folgendes machen können:
>
> Du brauchst dann nur eine css-Datei und schreibst darein:
>
> body#123 div#ccc {
>      background-color: yellow;
> }
>
> body#456 div#ccc {
>      background-color: blue;
> }
>
> Gruß
> Kerstin
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german@...
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german


--
Christian Wolff // Berlin
http://www.connye.com

some projects:
http://richtermediagroup.com | http://titanic.de |
http://fairplay-homepage.de
_______________________________________________
TYPO3-german mailing list
TYPO3-german@...
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
_______________________________________________
TYPO3-german mailing list
TYPO3-german@...
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: Benötige Hilfe bei meinen Templates

by Christian Wolff :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hager Christian schrieb:
> Oh, das ich bei background-position auch px verwenden kann das wusste ich nicht.

in allen CSS werten sind folgnende maßeinheiten möglich:

%  relativ   Prozent in Relation zur Elementnorm
cm absolut Zentimeter
em relativ Relativ zur elementeigenen Schrifthöhe
ex relativ Relativ zur elementeigenen Höhe des Buchstabens x
in absolut Inch (2,54cm)
mm absolut Millimeter
pc absolut Pica (12 Punkt [pt] entsprechen 1 Pica)
pt absolut Punkt (1 Punkt entspricht 1/72 Inch)
px relativ Pixel in Relation zur eingestellten Auflösung

quelle:
http://www.grammiweb.de/uebersichten/masseinheiten.shtml

gruss chris

>
> DANKE!
>
> Liebe Grüße,
> Christian
>
> -----Ursprüngliche Nachricht-----
> Von: typo3-german-bounces@... [mailto:typo3-german-bounces@...] Im Auftrag von Christian Wolff
> Gesendet: Dienstag, 10. November 2009 11:16
> An: typo3-german@...
> Betreff: Re: [TYPO3-german] Benötige Hilfe bei meinen Templates
>
> ja mit css ist das möglich
>
> z.b so:
>
> div#irgendwas {
> background-image: url(background.jpg);
> background-repeat: no-repeat;
> background-position: 0px 50px; /* Horizontal, Vertical */
>
> }
>
>
>
> das ganze kann man auch noch kürzer schreiben:
> div#irgendwas {
> background: url(background.jpg) no-repeat 0px 50px;
> }
>
> ausserdem kann ich dir dazu noch selfhtml empfehlen:
> http://de.selfhtml.org/css/eigenschaften/hintergrund.htm
>
> gruss chris
>
> Hager Christian schrieb:
>> Danke @ all.
>>
>> body#123 div#ccc {
>>      background-color: yellow;
>> }
>>
>> body#456 div#ccc {
>>      background-color: blue;
>> }
>>
>> Dies hat funktioniert, ich habe nicht wirklich 123 unter body id verwendet, sondern f1d, es sollte nur als Beispiel dienen.
>>
>> Aber eine andere Frage habe ich noch, kann ich angeben dass das Hintergrundbild erst 50px unterhalb des div Beginns beginnen soll?
>> Also dem body#456 div#ccc und 50 px darunter soll das Bild erst beginnen nach unten wiederholt zu werden.
>>
>> Liebe Grüße und vielen Dank,
>> Christian
>>
>>
>>
>> -----Ursprüngliche Nachricht-----
>> Von: typo3-german-bounces@... [mailto:typo3-german-bounces@...] Im Auftrag von Kerstin Finke
>> Gesendet: Dienstag, 10. November 2009 10:34
>> An: typo3-german@...
>> Betreff: Re: [TYPO3-german] Benötige Hilfe bei meinen Templates
>>
>> Jochen Graf schrieb:
>>> Hager Christian schrieb:
>>>> Hallo Leute,
>>>> ich habe da ein kleines Problem und weiß nicht genau wie ich das lösen
>>>> soll.
>>>>
>>>> Es geht um meine Templates, diese sind bis zu einem gewissen Grad
>>>> identisch.
>>>> Jedes Template ist mit einer anderen Body ID versehen und das ganze
>>>> sieht so aus:
>>>>
>>>> <body id="123>
>>>>
>>>>    <div id="aaa">
>>>>       <div id="bbb">
>>>>          <div id="ccc">
>>>>          Ab hier können die <div> unterschiedlich sein.
>>>>          </div>
>>>>       </div>
>>>>    </div>
>>>>
>>>> </body>
>>>>
>>>> Bei den anderen Template steht in der Body id z.B.: 456, oder 789, ....
>>>> Ich möchte jetzt haben das bei dem Template wo die Body Id "123" ist,
>>>> der div "ccc" einen anderen Hintergrund hat.
>>>>
>>>> Wenn ich dem div ccc einen Hintergund per css eingebe ist dies ja dann
>>>> bei allen Templates so, und das will ich ja vermeiden.
>>>> Kann mir da wer weiter helfen
>>>>
>>>>
>>>> Mit freundlichen Grüßen,
>>>> Christian
>>>> _______________________________________________
>>>> TYPO3-german mailing list
>>>> TYPO3-german@...
>>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>>>
>>>>
>>>>  
>>> hallo,
>>> es gibt bestimmt einige Ansätze,
>>>
>>> ich würde mir zwei templates anlegen im TS
>>>
>>> [globalVar=TSFE:page|layout=0]
>>> page.10.template.file = fileadmin/templateHintergrund_Blau.html
>>> page.includeCSS.file4 = fileadmin/css/import/rgrund_Blau.css
>>> [global]
>>>
>>> [globalVar=TSFE:page|layout=1]
>>> page.10.template.file = fileadmin/template/Hintergrund_GELB.html
>>> page.includeCSS.file4 = fileadmin/css/import/Hintergrund_GELB.css
>>> [global]
>>>
>>>
>>>
>>> # Layout Auswahl
>>> TCEFORM.pages {
>>>  layout.altLabels.0 = Hintergrund_Blau
>>>  layout.altLabels.1 = Hintergrund_GELB
>>> }
>>>
>>>
>>> Später können diese über die Seiteneigenschaften ausgewählt werden.
>>>
>>> Bei einem Projekt hatte ich mal 4 Verschiedene Hintergundfarben und zwei
>>> / drei spalten Layouts.
>>>
>>>
>>> Oder was ich auch schon gemacht habe
>>>
>>> ein ext template auf einer Seite und mit
>>>
>>> page.includeCSS.file1 = fileadmin/Gratuiertentest/css/hintergrund_gelb.css
>>>
>>>
>>>
>>> oder über
>>>
>>> ROOTTEMPLATE
>>>
>>> [globalVar = TSFE:id= 59]
>>> stylesheet = fileadmin/Gratuiertentest/css/hintergrund_gelb.css
>>> [global]
>>>
>>>
>>>
>>>
>> Hallo,
>>
>> bin mir nicht sicher, ob <body id="123> geht.
>>
>> Wenn ja, müsstest du folgendes machen können:
>>
>> Du brauchst dann nur eine css-Datei und schreibst darein:
>>
>> body#123 div#ccc {
>>      background-color: yellow;
>> }
>>
>> body#456 div#ccc {
>>      background-color: blue;
>> }
>>
>> Gruß
>> Kerstin
>> _______________________________________________
>> TYPO3-german mailing list
>> TYPO3-german@...
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>
>


--
Christian Wolff // Berlin
http://www.connye.com

some projects:
http://richtermediagroup.com | http://titanic.de |
http://fairplay-homepage.de
_______________________________________________
TYPO3-german mailing list
TYPO3-german@...
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: Benötige Hilfe bei meinen Templates

by JoH asenau :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

> div#irgendwas {
> background-image: url(background.jpg);
> background-repeat: no-repeat;
> background-position: 0px 50px; /* Horizontal, Vertical */
>
> }

Das div vor der ID kannst Du ebenfalls weglassen, da IDs per Definition
unique sein müssen.
Spart ein paar Bytes und macht es einfacher, wenn aus dem div mal was
anderes mit der gleichen ID wird.

Im Übrigen wäre es nett, überflüssigen Kram aus den Antworten rauszulöschen.
Auch das spart Bytes ;-)

HTH

Joey

--
Wenn man keine Ahnung hat: Einfach mal Fresse halten!
(If you have no clues: simply shut your gob sometimes!)
Dieter Nuhr, German comedian
Xing: http://contact.cybercraft.de
Twitter: http://twitter.com/bunnyfield
TYPO3 cookbook (2nd edition): http://www.typo3experts.com



_______________________________________________
TYPO3-german mailing list
TYPO3-german@...
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german