Moin,
ich setze mich nun endlich mal mit Typo3 auseinander und fand auch ein gutes Tutorial, damit kam ich auch recht weit, nun stellt sich mir das Problem das mir nichts angezeigt wird.
Mein Template sieht so aus:
Konstanten:
config.baseURL = http://localhost/
Setup:
temp.docHead = TEMPLATE
temp.docHead {
template = FILE
template.file = fileadmin/templates/main/index.html
workOnSubpart = DOCUMENT_HEADER
}
# Default PAGE object:
page = PAGE
page {
headerData = COA
headerData.10 < temp.docHead
10 < styles.content.get
}
Der Pfad in welchen sich die ganzen Dateien befinden sieht so aus
MAMP/htdocs/t3/fileadmin/templates/main/
und dabei habe ich schon viele Varianten ausprobiert,
bin ratlos 😃
HTML:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Startseite » ThemeWall</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link type="text/css" href="css/style.css" rel="stylesheet" />
</head>
<body>
<div id="mainWrapper">
<div id="mainContent" class="contentWrapper">
<img src="images/logo.png" alt="ThemeWall" id="logo" />
<div id="userPanel">
<span class="userName">Lars Ebert</span>
<img src="images/avatar.jpg" class="avatar" alt="Avatar von Lars Ebert" />
</div>
<ul id="navigation">
<li class="current"><a href="#"><img src="images/home.png" class="icon" alt="Home" /></a></li>
<li><a href="#">Themes</a></li>
<li><a href="#">Top Lists</a></li>
<li><a href="#">Favorites</a></li>
</ul>
<form id="searchBox" action="#">
<input type="text" id="searchField" placeholder="Themeverzeichnis durchsuchen" />
<input type="submit" id="submitButton" value="Los gehts!" />
</form>
<div id="columns">
<div id="tagcloudColumn">
<h1>Beliebteste Suchbegriffe</h1>
<img src="images/tagcloud.jpg" alt="Tagcloud" id="tagcloud" />
</div>
<div id="statisticsColumn">
<h1>Statistik</h1>
<div id="stats">
<div>
<span class="statsIcon"><img src="images/archive.png" alt="" class="icon" /></span>
<span class="number">35</span>
<span>fertige Themes</span>
</div>
<div>
<span class="statsIcon"><img src="images/new archive.png" alt="" class="icon" /></span>
<span class="number">8</span>
<span>Plugins</span>
</div>
<div>
<span class="statsIcon"><img src="images/color.png" alt="" class="icon" /></span>
<span class="number">90</span>
<span>Farbschemen</span>
</div>
<div>
<span class="statsIcon"><img src="images/copy doc.png" alt="" class="icon" /></span>
<span class="number">32</span>
<span>Vorlagen</span>
</div>
</div>
</div>
</div>
<div class="clean"></div>
</div>
</div>
<div id="footer" class="contentWrapper">
<ul id="footerMenu">
<li><a href="#">Nutzungsbedingungen</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Mitglieder</a></li>
<li><a href="#">Hilfe</a></li>
</ul>
<div id="copyright">
© 2011 <a href="http://www.advitum.de/">Advitum</a> & <a href="http://patrickhummel.de/">Patrick Hummel</a>
</div>
</div>
</body>
</html>
------------------------------------------------------------------------------------------
CSS:
@import url(titillium/stylesheet.css);
body
{
margin: 0px;
background: #efedee;
font-size: 87.5%;
font-family: Verdana, Geneva, sans-serif;
line-height: 1.5em;
}
h1
{
margin: 25px 0px 15px;
font-size: 1.7em;
font-family: TitilliumText22LLight, Verdana, Geneva, sans-serif;
font-weight: normal;
}
#mainWrapper
{
background: #ffffff;
border-width: 0px;
border-top: 10px solid #dd305e;
border-bottom: 7px solid #dd305e;
border-image: url(../images/border.png) 1 0 stretch;
-moz-border-image: url(../images/border.png) 1 0 stretch;
-webkit-border-image: url(../images/border.png) 1 0 stretch;
}
.contentWrapper
{
position: relative;
width: 802px;
margin: 0px auto;
padding: 30px 0px;
}
.clean
{
clear: both;
}
#userPanel
{
position: absolute;
top: 30px;
right: 0px;
}
#userPanel .userName:before, h1:before
{
content: "//";
padding-right: 10px;
vertical-align: -3px;
color: #bd3146;
font-family: TitilliumText22LLight, Verdana, Geneva, sans-serif;
font-size: 1.7em;
letter-spacing: -7px;
}
h1:before
{
padding-right: 20px;
font-size: 1em;
vertical-align: baseline;
}
.userName
{
margin-right: 10px;
}
#userPanel .avatar
{
vertical-align: middle;
border: 1px solid #d7d6d6;
}
#navigation
{
margin: 30px 0px 0px;
padding: 0px;
list-style: none;
background: #df4a61;
border-bottom: 5px solid #bd3146;
font-size: 0.86em;
}
#navigation li
{
display: inline-block;
margin: 0px 14px 0px 0px;
line-height: 32px;
}
#navigation li.current
{
border-bottom: 5px solid #a22346;
margin-bottom: -5px;
}
#navigation a
{
display: inline-block;
color: #ffffff;
text-decoration: none;
font-weight: normal;
padding: 0px 18px;
line-height: 33px;
vertical-align: middle;
}
#navigation a:hover
{
background: #bd3146;
}
#searchBox
{
margin: 85px 0px 0px;
}
#searchField
{
width: 65%;
padding: 10px 17px;
border: 4px double #d6d3d3;
font-family: TitilliumText22LLight, Verdana, Geneva, sans-serif;
font-size: 1.7em;
}
#submitButton
{
margin: 0px 0px 0px 10px;
border: 0px;
background: transparent;
cursor: pointer;
color: #a32346;
font-family: TitilliumText22LLight, Verdana, Geneva, sans-serif;
font-size: 2.3em;
}
#submitButton:hover
{
color: #000000;
}
#columns
{
margin: 85px 0px 0px;
border-top: 1px solid #dedbdc;
}
#tagcloudColumn
{
float: left;
}
#statisticsColumn
{
margin-left: 380px;
}
#tagcloud, #stats
{
border: 4px double #dedbdb;
}
#stats
{
padding: 0px 20px;
line-height: 49px;
}
#stats > div + div
{
border-top: 1px solid #bd3146;
}
.statsIcon
{
display: inline-block;
width: 40px;
margin-left: 10px;
}
.number
{
display: inline-block;
width: 30px;
text-align: right;
font-weight: bold;
margin-right: 5px;
}
.icon
{
vertical-align: middle;
}
#footer
{
font-size: 0.86em;
}
#footerMenu
{
margin: 0px;
padding: 0px;
list-style-type: none;
}
#footerMenu li
{
display: inline;
margin-right: 20px;
}
#footerMenu a
{
color: #000000;
text-decoration: none;
font-weight: normal;
}
#footerMenu a:before
{
content: "» ";
}
#footerMenu a:hover
{
text-decoration: underline;
}
#copyright
{
position: absolute;
top: 30px;
right: 0px;
}
a
{
color: #a32346;
text-decoration: underline;
font-weight: bold;
}
a:hover
{
text-decoration: none;
}
