[TYPO3-UG Oesterreich] Typo3 - Templating

Thomas Stermole | Attention Getter info at attention-getter.at
Sat Jan 7 12:30:06 CET 2006


Hallo,

 

Ich bin neu hier und stehe schon vor einem riesigen Problem:

 

Ich habe eine Template aus DIVs gebaut und möchte es in Typo3 einbinden.

Leider ohne Erfolg
 Ich sehe zwar den Header-Bereich aber Contentbereich
bleibt leer


Alle Tutorials habe ich schon versucht und nichts funktioniert!

 

Typo3 Version 3.6 und 3.8.1 habe ich laufen inkl. automaketemplate und
Templavoila.

 

Danke für eure Hilfe!

 

Hier die HTML-Vorlage:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1"/>
        <title>Single-World.at</title>
        <link rel="stylesheet" type="text/css" href="css/basic.css"
media="screen"/>
    </head>
    <body>
        <div id="title">
            <div id="logo">
                <a href="#">
                    <img src="images/single_world.jpg"
alt="Single-World.at"/>
                </a>
            </div>
            <div id="navbar-top">
                <div id="login">
                    <form action="#" method="post">
                        <input name="EMAIL" type="text"
class="inputfield-email" value="e-mail"></input>
                        <input name="PASSWORT" type="password"
class="inputfield-pass" value="passwrd"></input>
                        <input name="submit" type="image" class="button"
value="Log in" src="images/login.png"></input>                         
                        <a href="#">Passwort vergessen?</a> | <a
href="#">Mitglied werden!</a>
                    </form>
                </div>
            </div>
        </div>
        <div id="navigation">               
            <ul id="mainlevel-nav">
                <li>
                    <a href="#" class="mainlevel-nav">Magazin</a>
                </li>
              </ul>
            </div>
        </div>
        <div id="left" class="modules" style="clear:right;">
            <p class="modtitle">Partnersuche</p>
            <div id="navcontainer">
                <ul id="navlist">
                    <li id="active">
                        <a id="current" href="#">ER sucht SIE</a>
                    </li>
                </ul>
                <p class="modtitle">Neuigkeiten</p>
                <h5>Was halten Frauen von Jungs mit kleinen Autos?</h5>
                <p>Maria ist 1,60m gross und schlank.</p>
                <hr/>
                <a href="#">
                    <img class="werbung" src="images/bottombanner.gif"
alt="Werbung 1"/>
                </a>
            </div>
        </div>
        <div id="right" class="modules">
            <p class="modtitle">Neue Mitglieder</p>
            <div id="newmembers">
                <a href="#">
                    <img src="images/man.jpg" alt="man" class="images"/>
                </a>
                <a href="#">
                    <img src="images/woman.jpg" alt="man" class="images"/>
                </a>
            </div>
            <div id="werbungrechts">
                <p class="modtitle">Werbung</p>
                <a href="#">
                    <img src="images/eminem.jpg" alt="man" class="images"/>
                </a>
            </div>
        </div>
        <div id="content">
            <h4>Drei Bereiche</h4>
            <p> The single government point-of-entry for federal government
procurement
                opportunities over $25,000. Government buyers publicize
their business opportunities
                by posting information directly to... </p>
            <hr/>
            <div id="bottomads">
                <a href="#">
                    <img src="images/bottombanner.gif" alt="Werbung 1"
class="werbung"/>
                </a>
            </div>
        </div>
        <div id="footer">
            <ul id="footlevel-nav">
                <li>
                    <a href="#" class="footlevel-nav">Magazin</a>
                </li>
             </ul>
            <a href="#">Copyrights 2006 Attention-Getter.at</a>
        </div>
        <div id="impressum">
            <a href="#">About us</a> | <a href="#">Impressum</a> | <a
href="#">Kontakt</a> | <a
                href="#">Sitemap</a>
        </div>
    </body>
</html>
 
 
Typoscript nach Tutorial:
 
# automaketemplate
# Configuring the Auto-Parser:
# main code took from MTB/1
plugin.tx_automaketemplate_pi1 {
  # Read the template file:
  content = FILE
 
  # the file contain its own css related stylesheet, but css_styled_content
doesn't ouput the same
  # class names. See: PAGE object configuration at the end.
  content.file = fileadmin/template/index.html
 
  # Here we define which elements in the HTML that 
  # should be wrapped in subpart-comments:
  elements {
    BODY.all = 1
    BODY.all.subpartMarker = DOCUMENT_BODY
 
    HEAD.all = 1
    HEAD.all.subpartMarker = DOCUMENT_HEADER
 
    HEAD.rmTagSections = title
 
    DIV.all = 1
  }
  # Prefix all relative paths with this value:
  relPathPrefix = fileadmin/template/
}
 
*/
 
# Main TEMPLATE cObject for the BODY
temp.mainTemplate = TEMPLATE
temp.mainTemplate {
  # Feeding the content from the Auto-parser to the TEMPLATE cObject:
  template =< plugin.tx_automaketemplate_pi1
 
  # Select only the content between the <body>-tags
  workOnSubpart = DOCUMENT_BODY
 
  # Substitute the ###menu_1### subpart with some example content:
  subparts.navigation < temp.menu_1
 
  # Substitute the ###content### subpart with the real content extracted by
css_styled_content
  subparts.content < styles.content.get
}
 
# Main TEMPLATE cObject for the HEAD
temp.headTemplate = TEMPLATE
temp.headTemplate {
  # Feeding the content from the Auto-parser to the TEMPLATE cObject:
  template =< plugin.tx_automaketemplate_pi1
 
  # Select only the content between the <head>-tags
  workOnSubpart = DOCUMENT_HEADER
}
 
# Default PAGE object:
page = PAGE
page.typeNum = 0
 
# TypoScript from
typo3_src-3.6.1/typo3/ext/css_styled_content/css/readme.txt
page.stylesheet = fileadmin/template/css/basic.css
 
# Copying the content from TEMPLATE for <body>-section:
page.10 < temp.mainTemplate
 
# Copying the content from TEMPLATE for <head>-section:
page.headerData.10  < temp.headTemplate
 

 




More information about the TYPO3-at mailing list