[umeyer]

Hallo zusammen,

habe mir mal ein Template in TYPO3 erstellt. Soweit alles OK. Mit Typoscript habe ich dann ein Menü erstellt und alle Grafiken werden vom DesignTepmlate eingebunden. Nun nöchte ich aber das Aussehen des CONTENTs verändern ( also Überschrift - Bodytext usw.) Wie mache ich das am besten??

Zum testen habe ich mal mit der Erweiterung vom Firefox (CSS + Webdesign) die einzelnen Classen und ID rausgesucht. DIese habe ich dann im CSS vom Designtemplate eingetragen und geändert.

Jetzt die Frage: Ist das der richtige Weg?

Auch bei der Extension BetterloginBox habe ich die CSS Definitionen in der CSS vom DesignTemplate eingetragen. Ist das OK?

Vielen Dank für eine Antwort!

Gruß
Uwe Meyer

[Duke]

als erstes würde ich mal schauen, dass mein Typo3 ein "barrierefreise" html schreibt. Hierbei solltest Du im Template erst einmal den Hader umstellen und auch sonst noch ein paar kleine Änderungen vornehmen.

Hier mal ein paar nütlzliche TS anweisungen zusammen kopiert:

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40:

#--------------------------------# #     CONFIGURATION SOURCECODE   # #--------------------------------# config { disablePrefixComment = 1 #no comments removeDefaultJS = external inlineStyle2TempFile = 1 } #--------------------------------# #     HEADER, P-OBJ              # #--------------------------------# page = PAGE page.meta { description = The pioneer of interactive mobile applications keywords    = distefora, mobile, entertainment author      =  DU copyright   = SEITENNAME AG } page{ config.doctype = xhtml_trans shortcutIcon = fileadmin/img/favicon.gif stylesheet = fileadmin/css/SEITENNAME.css headerData = COA headerData{ 1 = TEXT 1.value = <link rel="stylesheet" type="text/css" href="fileadmin/css/rte.css" /> 2 = TEXT 2.value = <script src="fileadmin/js/lib/prototype.js" type="text/javascript"></script> 3 = TEXT 3.value = <script src="fileadmin/js/src/scriptaculous.js" type="text/javascript"></script> 4 = TEXT 4.value = <script src="fileadmin/js/src/unittest.js" type="text/javascript"></script> 5 = TEXT 5.value = <script src="fileadmin/js/wz_dragdrop.js" type="text/javascript"></script> 10 = TEXT 10.field = title 10.wrap = <title>SEITENNAME&nbsp;&gt;&nbsp;|</title> } }

Das ist wie gesagt nur ein Beispiel!

Wenn Du nun deine CSS richtig in die Seiten eingebunden hast, empfehle ich Dir für Typo3 stets richtig abzuleiten, da sich die klassen sehr oft wiederholen.

willst du zb in der rechten Spaöte die news headlein anders haben als im Content, so könntest Du es so machen:

<div id="content"><h3>Überschrift Content</h3></div> <div id="right"><h3>Überschrift Box Rechts</h3></div>

daraus folgt das CSS:

 *                 {padding:0; margin:0}
 #content h3  {color:#0f0} 
 #right h3       {color:#ff0}

usw. und so fort ;)

[umeyer]

Vielen Dank für die Tips.

Also ist das vorgehen richtig - oder???

Ich kann in meiner CSS Änderungen vornehmen.

Gruß
Uwe

[Duke]

ähm, ja, soweit Du ein eigenes CSS eingebunden hast, kannst Du das natürlich ändern wie du willst...
Natürlich kann man auch die mitgelieferten css ändern, aber mir ist das immer zu umständlich. Auch könnten diese bei einem Update überschrieben werden.