This page is still a beta!

1.5. Typo3 Template

The Typo3 Template tells Typo3 how it has to interact with the HTML Template and the CSS Stylesheet and how Typo3 is used to display the webpage.

The Typo3 Template is divided into two main sections: Constants and Setup plus Static. Scroll down to read the content of all 3 sections.

Typo3 Template Constants

content {wrap.header1 = <H1> | </H1>wrap.header2 = <H2> | </H2>wrap.header3 = <H3> | </H3>wrap.header4 = <H4> | </H4>wrap.bodytext = <P class="p"> | </P>  case.header1 =  |  case.header2 =  |  headerSpace =  0  space =  0}
styles.content.textStyle {face = size = color = }
cSet {pageColor = #FFFFFFtableCellColor = #FFFFFFcolor = blackcolor1 = #003366color2 = #003366fontFace = VerdanafontFace.text = Verdana}
# Image maximum widths, pixelsstyles.content.imgtext.maxW = 600
# Targets, empty for no-frames websitesPAGE_TARGET =content.pageFrameObj =
# Print Style, make sure link to proper stylesheet is setplugin.alt.print.file.stylesheet = fileadmin/css/print_style.cssplugin.alt.print.file.template = fileadmin/media/scripts/printversion_content.tmpl
# Activates Links to topcontent.linkToTop = <div align="right"><A href="/extension-manuals/template_basics_doc/0.0.3/view/1/5/#top"><font color="{$cSet.color2}" face="{$cSet.fontFace}" size={$cSet.size1}><B>To top</b></font></a></div><BR>
# Activates RTEcontent.RTE_compliant = 1
# Activates Tip a Friendplugin.tipafriend.color1 = plugin.tipafriend.color2 = plugin.tipafriend.color3 = plugin.tipafriend.wrap1 = <font face="Verdana, Arial, Helvetica, sans-serif" size=2 color=black> | </font>plugin.tipafriend.wrap2 = <font face="Verdana, Arial, Helvetica, sans-serif" size=1 color=black> | </font>
# Indexed Search activatedpage.config.index_enable = 1

Typo3 Template Setup

# Setting up 'page' to be the default PAGE object (type=0)lib.stdheader.10.stdWrap.wrap = tt_content.stdWrap.dataWrap = <A name="{field:uid}"></a>
page = PAGEpage.typeNum = 0page.stylesheet = fileadmin/mcucss/mcu_wn_htm_style.csspage.bodyTag = <body background="/fileadmin/pics/mcu/mcu_bg_blue.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">page.1 = TEMPLATEpage.1.marks.PAGE_UID = TEXTpage.1.marks.PAGE_UID.field = uidpage.1  {   template = FILE   template.file = fileadmin/mcu_nw_htm_template.htm   workOnSubpart = DOCUMENT_BODY   subparts.CONTENT_LEFT < styles.content.getLeft   subparts.CONTENT_RIGHT < styles.content.getRight   subparts.CONTENT_BORDER < styles.content.getBorder   subparts.CONTENT < styles.content.get
# Top Navigation   subparts.TOPNAV = HMENU   subparts.TOPNAV.special = directory   subparts.TOPNAV.special.value = 224   subparts.TOPNAV.1 = TMENU   subparts.TOPNAV.1 {      NO.allWrap = |*| <span class="topnav">&nbsp;&#124;&nbsp;|</span> |*|      ACT = 1      ACT.allWrap =  |*| <span class="topnav">&nbsp;&#124;&nbsp;| </span> |*|   }

# Bottom Navigation   subparts.BOTTOMNAV = HMENU   subparts.BOTTOMNAV.special = directory   subparts.BOTTOMNAV.special.value = 224   subparts.BOTTOMNAV.1 = TMENU   subparts.BOTTOMNAV.1 {      NO.allWrap = |*| <span class="bottomnav">&nbsp;&#124;&nbsp;|</span> |*|      ACT = 1      ACT.allWrap = |*| <span class="bottomnav">&nbsp;&#124;&nbsp;|</span> |*|}

# Leftside Navigation   subparts.LEFTNAV = HMENU    subparts.LEFTNAV.special = directory    subparts.LEFTNAV.special.value = 440   subparts.LEFTNAV.1 = TMENU   subparts.LEFTNAV.1 {   NO.allWrap =  <div class="leftnav"> | </div>   ACT = 1   ACT.allWrap = <div class="leftnav-act"> | </div>   }       subparts.LEFTNAV.1.2 = TMENU   subparts.LEFTNAV.1.2 {   NO.allWrap =  <div class="leftnav"> | </div>   ACT = 1   ACT.allWrap = <div class="leftnav-act"> | </div>   } }
 # Enabling the admin panel for the 'page' PAGE object:page.config.admPanel=1
# Spam Protection for Emailconfig {spamProtectEmailAddresses = 2spamProtectEmailAddresses_atSubst = (at)}
# Set up PATH_INFO:config.simulateStaticDocuments = PATH_INFOconfig.simulateStaticDocuments_addTitle = 30#config.absRefPrefix = http://www.mcuniverse.com/
http://www.mcuniverse.com/
# Don't forget to add CSet Stylesheet for P margins to work properly!