Hallo Alle!
Ich versuche gerade, ein konventionell erstelltes Projekt in Typo3 ´reinzukriegen.
Die Designvorlage liegt unter fileadmin/template/designvorlage.htm:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1--transitional.dtd'>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>sport</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Ich" />
<meta name="copyright" content="© 2005 Ich All rights reserved" />
<meta name="language" content="deutsch, de" />
<link rel="shortcut icon" href="pix/favicon.ico" />
<link href="scripts/styles.css" type="text/css" rel="stylesheet" />
<script language="JavaScript" type="text/javascript" src="suche/formmaker.js">
</script>
</head>
<body>
<!-- ###container### begin--->
<div id="container">
###topNav###
###header###
###mainNav###
###subNav###
<!-- ###badmintonContent### begin--->
<div id="badmintonContent">
<!-- ###contentText### begin--->
<div id="contentText">
<a name="top"></a>
<p class="back"><a href="sa52.htm">zurück</a> | <a href="Psa5b1.htm" target="_blank">Druckversion</a></p>
<h1>Badminton</h1>
<h2>Allgemeine Informationen</h2>
<p>blabla.</p>
<p class="back"><a href="sa52.htm">zurück</a> | <a href="#top">nach oben</a> | <a href="Psa5b1.htm" target="_blank">Druckversion</a></p>
</div>
<!-- ###contentText### end--->
</div>
<!-- ###badmintonContent### end--->
</div>
<!-- ###container### end--->
</body>
</html>
Das stylesheet liegt unter fileadmin/template/scripts/basic.css (hier in Auszügen):
* {margin: 0; padding: 0;}
body {background: url(../pix/bg.gif) top left repeat; text-align: center;}
body, input, textarea {font-family: verdana, arial, helvetica, sans-serif; line-height: 14px;}
img {border: none;}
hr {margin: 5px 0; width: 90%;}
#container {width: 800px; margin: 0 auto; background: #fff; border-bottom: 2px solid #369;}
#topNav {color: #6cf; background: #405c9e; padding: 5px 0 5px 20px; font-size: 10px; font-weight: bold; text-align: left;}
#topNav a {text-decoration: none; color: #6cf; font-weight: bold;}
#topNav a:hover, #topNav a:focus, #topNav a:active {color: #fff;}
#topNav form {display: inline; font-weight: normal;}
#header {height: 110px; background: url(../pix/header.gif) no-repeat;}
.aktiv {color: #fff!important;}
#badmintonContent {height: 433px; background: url(../pix/inhBadmin_bg.jpg) no-repeat; padding: 1px 0; text-align: left;}
#contentText {margin-left: 50px; margin-top: 15px; width: 545px; height: 380px; overflow: auto;}
#contentText h1 {font-size: 12px; color: #036; text-transform: uppercase; margin-bottom: 8px;}
#contentText h2 {margin-bottom: 7px; font-size: 12px; color: #036; font-weight: bold;}
#contentText h3 {margin-bottom: 7px; font-size: 12px; color: #036; font-style: italic;}
#contentText p {margin-bottom: 6px; margin-right: 10px; font-size: 12px; color: #036;}
#contentText p.back {border: 1px solid #039; border-width: 1px 0; width: 90%; margin: 15px 0; color: #039;}
#contentText a {text-decoration: none; font-weight: bold; color: #039;}
#contentText a:hover, #contentText a:focus, #contentText a:active {color: #333;}
#contentText ul {margin: 8px 0; list-style: circle;}
#contentText ol {margin: 8px 0;}
#contentText li {margin-left: 20px; margin-top: 5px; color: #036; font-size: 12px;}
#contentText input {border: none; font-size: 12px; margin-top: 10px; color: #036;}
#contentText input.border {border: 1px solid #999;}
#contentText select {font-size: 12px; width: 180px;}
#contentText textarea {font-size: 12px; width: 400px;}
#contentText label {font-size: 12px; float: left; width: 140px;}
#contentText form {margin-top: 10px;}
#contentText table {margin-top: 6px; text-align: center;}
#contentText th {font-size: 12px; color: #036; font-weight: bold; text-transform: uppercase; background: #e8e8e8; border: 1px solid #666; border-width: 0 1px 1px 0; width: 140px;}
#contentText td {font-size: 12px; color: #036; border: 1px solid #999; border-width: 0 1px 1px 0;}
.w300 {width: 310px!important;}
Ich habe folgendes T3-template zusammengestoppelt (liegt auf der root-page, unter „Include static (from extensions):“ ist das „CSS styled content“ eingebunden):
config {
language = de
locale_all = de_DE
sys_language_uid = 0
linkVars = L
}
page = PAGE
page {
typeNum = 0
bodyTag = <body>
includeCSS {
file1 = fileadmin/template/scripts/basic.css
}
config {
doctype = xhtml_strict
admPanel = 1
}
10 = TEMPLATE
10 {
template = FILE
template.file = fileadmin/template/designvorlage.htm
workOnSubpart = container
subparts {
contentText = CONTENT
contentText {
table = tt_content
select {
where = colPos = 0
orderBy = sorting
}
}
}
marks {
header = IMAGE
header {
file = fileadmin/template/pix/header.gif
}
topNav = HMENU
topNav {
special = directory
special.value = 1
1 = TMENU
1.NO.linkWrap = | | |*|| | |*||
#statt des headers wird der subheader im Menü angezeigt
1.NO.stdWrap.data = field : subtitle
}
}
}
}
Die Ausgabe gibt das Background- (bg.gif) -, das Badminton- (inhBadmin_bg.jpg) und das -Header (header.gif), die im Stylesheet genannt sind, und unter fileadmin/template/pix liegen.
Der Content wird aber nicht wie durch contentText im Stylesheet definiert dargestellt. Ebensowenig wird die TopNav wie im Stylesheet definiert.
Hat jemand eine Idee? Muss ich bei jedem Marker noch mal das Stylesheet einbinden? Und wenn ja, wie? Zweitägige Suche im Forum nach „stylesheet“ und „subparts stylesheet“ brachten mich leider nicht auf die Spur!
Gruss,
Kutte