Zum Inhalt springen

Hab probleme bei 'nem Template

Erstellt am 12. Juli 2006 · 3 Antworten · letzte Antwort am 12. Juli 2006

Tags: Frage

Paxarion ·

Hallo Typo3-Gemeinde,

ich hab mir von Kerstin Hubbauer(www.typo3.mapseven.de) die so freundlich zur verfügung gestellten Templates zum test in mein Typo3 System gezogen, eigentlich funktioniert ja auch 'alles' ganz wunderbar, bis auf das -naja- essentiellste...

Ich schaffe es einfach nicht das mir Typo3 die Inhalte ausgibt.
Bzw. das Problem liegt daran das ich die Variablen für 'NORMAL' und 'RECHTS' anspreche.

Hier jetzt mal das TemplateSetup:

#Config
config{
  language=de

  ###E-Mail Adresse ohne @###
  spamProtectEmailAddresses = 2
  spamProtectEmailAddresses_atSubst = (at)

  ###XHTML###
  doctype = xhtml_trans
  xhtml_cleaning = all
  htmlTag_langKey = de
  removeDefaultJS = external
  inlineStyle2TempFile = 1

  ###index search###
  index_enable=1
  index_externals = 1
}

#####Index Search#####
plugin.tx_indexedsearch.show.rules = 0
plugin.tx_indexedsearch._CSS_DEFAULT_STYLE >
plugin.tx_indexedsearch.result_link_target = _top

#####Überschrift#####
lib.stdheader.stdWrap.dataWrap = |
lib.stdheader.10.1.fontTag = <div class="header">|</div>

#####Sitemap#####
tt_content.menu.20.2.wrap = <div class="sitemap">|</div>
tt_content.menu.20.2.1.NO.allWrap = <div class="sitemap1">|</div>
tt_content.menu.20.2.1.NO.ATagParams = class="sitemap1"
tt_content.menu.20.2.1.target = _self
tt_content.menu.20.2.2.NO.allWrap = <div class="sitemap2">|</div>
tt_content.menu.20.2.2.NO.ATagParams = class="sitemap2"
tt_content.menu.20.2.2.target = _self
tt_content.menu.20.2.3.NO.allWrap = <div class="sitemap3">|</div>
tt_content.menu.20.2.3.NO.ATagParams = class="sitemap3"
tt_content.menu.20.2.3.target = _self
tt_content.menu.20.2.4.NO.allWrap = <div class="sitemap4">|</div>
tt_content.menu.20.2.4.NO.ATagParams = class="sitemap4"
tt_content.menu.20.2.4.target = _self

#####Kontaktformular#####
tt_content.mailform.20.badMess = Bitte füllen Sie folgende Felder aus
tt_content.mailform.20.layout = <div class="label">###LABEL###</div><div class="field">###FIELD###</div>
tt_content.mailform.20.params >
tt_content.mailform.20.params = class="button"
tt_content.mailform.20.params.check=class="checkbox"
tt_content.mailform.20.labelWrap.wrap = |
tt_content.mailform.20.fieldWrap =  |
tt_content.mailform.20.commentWrap.wrap = <p>|</p>
tt_content.mailform.20.radioWrap.wrap = |
tt_content.mailform.20.REQ.labelWrap.wrap = |
tt_content.mailform.20.stdWrap.wrap = <div class="kontakt">|</div>
tt_content.mailform.20.COMMENT.layout = <div class="label">###LABEL###</div>
tt_content.mailform.20.target = _top

#####Header#####
temp.header1=IMAGE
temp.header1.file=GIFBUILDER
temp.header1.file {
  XY=305,157 
  10=IMAGE
  10.file.import {
    cObject=TEXT
    cObject.value={$defaultImage1}
    cObject.override {
      required=1
      data=levelmedia: -1, "slide"
      wrap=uploads/media/ |
      listNum = 0 
    }   
  } 
}

temp.header2=IMAGE
temp.header2.file=GIFBUILDER
temp.header2.file {
  XY=305,157  
  10=IMAGE
  10.file.import {
    cObject=TEXT
    cObject.value={$defaultImage2}
    cObject.override {
      required=1
      data=levelmedia: -1, "slide"
      wrap=uploads/media/ |
      listNum=1 
    }   
  } 
}

#####Hauptnavigation TMENU_LAYERS#####
includeLibs.tmenu_layers=media/scripts/tmenu_layers.php
includeLibs.gmenu_layers=media/scripts/gmenu_layers.php


temp.menu=HMENU
temp.menu.special=directory
temp.menu.special.value={$pid}
temp.menu.1=TMENU_LAYERS
temp.menu.1.leftOffset=460
temp.menu.1 {
  layerStyle = position:absolute; visibility:hidden;
  topOffset=37
  lockPosition=y
  relativeToParentLayer=1
  relativeToTriggerItem=1
  expAll=1 
  hideMenuWhenNot Over=1
  NO{
    linkWrap=|
    ATagParams=class="layers"
  }
  ACT.ATagParams=class="layers_act"
  ACT=1
  IFSUB{
    linkWrap=|<div class="sub">>></div>
    ATagParams=class="layers"
    ATagBeforeWrap=1
  }
  IFSUB=1
  ACTIFSUB{
    linkWrap=|  >>
    ATagParams=class="layers_act"
    ATagBeforeWrap=1
  }
  ACTIFSUB=1
}

temp.menu.2=TMENU_LAYERS
temp.menu.2.leftOffset=119
temp.menu.2{
  layerStyle=position:absolute; visibility:hidden;
  topOffset=0
  lockPosition=y
  relativeToParentLayer=1
  relativeToTriggerItem=1
  expAll=1 
  hideMenuWhenNot Over=1
}

temp.menu.2.NO{
  linkWrap=|
  ATagParams=class="layers_2"
}

temp.menu.2.ACT.ATagParams=class="layers_2_act"
temp.menu.2.ACT=1

temp.menu.2.IFSUB{
    linkWrap=|<div class="sub">>></div>
    ATagParams=class="layers_2"
    ATagBeforeWrap=1
  }
temp.menu.2.IFSUB=1

temp.menu.2.ACTIFSUB{
    linkWrap=|  >>
    ATagParams=class="layers_2_act"
    ATagBeforeWrap=1
  }
temp.menu.2.ACTIFSUB=1

temp.menu.3=TMENU
temp.menu.3.NO<temp.menu.2.NO
temp.menu.3.NO.ATagParams=class="layers_3"
temp.menu.3.ACT.ATagParams=class="layers_3_act"
temp.menu.3.ACT=1

#####Footer Menü#####
temp.footer=HMENU
temp.footer.special=directory
temp.footer.special.value={$menu}
temp.footer.1=TMENU
temp.footer.1{
  NO{
    linkWrap=|*| |  |  |*| |*|
    ATagParams=class="menu_link"
  }
}

#####Header#####
temp.headTemplate=TEMPLATE
temp.headTemplate{
  template=FILE
  template.file={$template}
  workOnSubpart=DOCUMENT_HEADER
  subparts.pagetitle=title
}

#####Body#####
temp.mainTemplate=TEMPLATE
temp.mainTemplate{
  template=FILE
  template.file={$template}
  workOnSubpart=DOCUMENT_BODY
  marks.header1<temp.header1
  marks.header2<temp.header2
  marks.menu<temp.menu
  marks.menu_footer<temp.footer
  marks.inhalt<styles.content.get
  marks.rechts<styles.content.getRight
  marks.rechts.stdWrap.required=1
  marks.rechts.stdWrap.wrap=<div id="rechts">|</div>
  marks.inhalt.stdWrap{
    wrap = |
    outerWrap = |
    outerWrap.override = <div id="links">|</div>
    outerWrap.override.if.isTrue.cObject < styles.content.getRight
  } 
}


#####Seitenkonfiguration#####
page=PAGE
page.typeNum=0
page.bodyTag=<body>
page.10<temp.mainTemplate
page.headerData.10<temp.headTemplate

und natürlich nicht zu vergessen das HTML-Template 'template.html'

<?xml version="1.0" encoding="iso-8859-1"?>
<!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" lang="de">
<head>
<!-- ###DOCUMENT_HEADER### begin -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="fileadmin/tmpl_3/styles/screen.css" />
<!-- ###DOCUMENT_HEADER### end -->
</head>
<body>
<!-- ###DOCUMENT_BODY### begin -->
<div id="container">
  <div id="header1">###header1###</div>
  <div id="menu">###menu###</div>
  <div id="header2">###header2###</div>
  <div id="clear"> </div>
  <!--TYPO3SEARCH_begin-->
  <div id="content">
  ###inhalt###
  ###rechts###
  </div>
  <!--TYPO3SEARCH_end-->
  <div id="footer">
    <div class="footerlink">###menu_footer###</div>
  </div>
</div>
<!-- ###DOCUMENT_BODY### end -->
</body>
</html>

der Vollständigkeit halber hier auch noch die CSS Datei:

@media screen{
body{
 background-color:#ffffff;
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
 color:#800000;
 text-align:justify;
}

/***************************Attribute******************************************/
.header{
  font-size:16px;
  font-weight:bold;
  margin-bottom:10px;
}

a:link, a:visited, a:active, a:focus{
  color:#800000;
  text-decoration:none;
}

a:hover{
  color:#800000;
  text-decoration:underline;
}

p{
  font-size:12px;
}

/*p.bodytext{
  padding-bottom:15px;
} */

h2{
  font-size:16px;
  font-weight:bold;
}

/***************************Positionierungen***********************************/
#container{
 position:absolute;
 top:20px;
 left:20px;
 background-color:#FFE090;
 width:760px;
 height:auto;
 padding:15px;
 padding-bottom:0px;
 border:1px solid #800000;
}

#container[id]{
 width:730px;
 padding:15px;
}

#menu{
 position:absolute;
 top:15px;
 left:320px;
 border-top:1px solid #ffffff;
}

#header1{
 position:absolute;
 top:15px;
 left:15px;
}

#header2{
 position:absolute;
 top:15px;
 left:440px;
}

#header2[id]{
 left:439px;
}

#clear{
 width:1px;
 height:540px;
 float:left;
 margin-left:-5px;
}

#content{
  height:auto;
  margin-top:185px;
  /*margin-bottom:10px;*/
}

#links {
  width:305px;
  height:auto;
  float:left;
  margin-right:115px;
}

#rechts {
  width:305px;
  height:auto;
  margin-left:420px;
}

#rechts[id]{
 margin-top:175px;
 margin-left:426px;
}

html:root #rechts{
 margin-top:192px;
 margin-left:426px;
}

#footer{
 clear:both;
 height:20px;
 width:730px;
 border-top:1px #800000 solid;
}

.footerlink{
 line-height:35px;
 text-align:center;
}

/********************************Menüs*****************************************/

a.menu_link:link, a.menu_link:visited, a.menu_link:active, a.menu_link:focus{
   color:#800000;
   text-decoration:none;
   line-height:18px;
}

a.menu_link:hover{
   color:#a02000;
   text-decoration:none;
   line-height:18px;
}

a.layers:link, a.layers:visited, a.layers:active, a.layers:focus, a.layers:hover,
a.layers_2:link, a.layers_2:visited, a.layers_2:active, a.layers_2:focus, a.layers_2:hover,
a.layers_3:link, a.layers_3:visited, a.layers_3:active, a.layers_3:focus, a.layers_3:hover,
a.layers_act:link, a.layers_act:visited, a.layers_act:active, a.layers_act:focus, a.layers_act:hover,
a.layers_2_act:link, a.layers_2_act:visited, a.layers_2_act:active, a.layers_2_act:focus, a.layers_2_act:hover,
a.layers_3_act:link, a.layers_3_act:visited, a.layers_3_act:active, a.layers_3_act:focus, a.layers_3_act:hover{
  color:#ffffff;
  border:1px solid #ffffff;
  width:120px;
  line-height:25px;
  text-decoration:none;
  display:block;
  font-size:12px;
  padding-left:10px;
  font-weight:bold;
  margin:0px;
  margin-top:-1px;
  text-align:left;
}

a.layers:link, a.layers:visited, a.layers:active, a.layers:focus, a.layers:hover,
a.layers_act:link, a.layers_act:visited, a.layers_act:active, a.layers_act:focus, a.layers_act:hover{
   background-color:#e06000;
}

a.layers_2:link, a.layers_2:visited, a.layers_2:active, a.layers_2:focus, a.layers_2:hover,
a.layers_2_act:link, a.layers_2_act:visited, a.layers_2_act:active, a.layers_2_act:focus, a.layers_2_act:hover{
  background-color:#c04000;
  -moz-opacity:.8;
  filter:alpha(opacity=80);

}

a.layers_3:link, a.layers_3:visited, a.layers_3:active, a.layers_3:focus, a.layers_3:hover,
a.layers_3_act:link, a.layers_3_act:visited, a.layers_3_act:active, a.layers_3_act:focus, a.layers_3_act:hover{
  background-color:#800000;
  -moz-opacity:.8;
  filter:alpha(opacity=80);
}

a.layers_act:link, a.layers_act:visited, a.layers_act:active, a.layers_act:focus, a.layers_act:hover,
a.layers_2_act:link, a.layers_2_act:visited, a.layers_2_act:active, a.layers_2_act:focus, a.layers_2_act:hover,
a.layers_3_act:link, a.layers_3_act:visited, a.layers_3_act:active, a.layers_3_act:focus, a.layers_3_act:hover{
  text-align:right;
  padding-left:0px;
  padding-right:10px;
}

a.layers[class], a.layers_2[class], a.layers_3[class], a.layers_act[class], a.layers_2_act[class], a.layers_3_act[class]{
  width:108px;
  margin:-1px;
}

.sub{
   text-align:right;
   margin-top:-25px;
   margin-right:10px;
}

/* *******************************Sitemap************************************ */
div.sitemap{
  margin-left:15px;
}

a.sitemap1, a.sitemap2, a.sitemap3, a.sitemap4{
  text-decoration:none;
  color:#800000;
  font-size:14px;
}

a.sitemap1{
  font-weight:bold;
}

.sitemap1{
  padding:10px;
  padding-left:20px;

}

.sitemap2{
  padding:5px;
  padding-left:40px;
}

.sitemap3{
  padding-left:60px;
}

.sitemap4{
  padding-left:80px;
}

/******************************Formular****************************************/

.kontakt{
  margin-top:20px;
}

.label{
  width:80px;
  float:left;
  text-align:right;
  padding:5px;
}

.field{
  padding:5px;
  padding-left:105px;
}

.button{
  text-align:left;
}

input, textarea{
  color:#800000;
  background-color:#FFE090;
  border:1px solid #800000;
  text-align:left;
  padding-left:2px;
}

.checkbox{
  border:0px;
}

/****************************Index Search**************************************/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
  width:100px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
  width:150px;
}

.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw {
  font-weight:bold;
  font-style:italic;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
  margin-top:10px;
  margin-bottom:5px;
}

.tx-indexedsearch P.tx-indexedsearch-noresults {
  text-align:center;
  font-weight:bold;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title {
  background:#FF7F00;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P {
  font-weight:bold;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent {
  font-weight:normal;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P {
  font-style:italic;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup {
  color:red;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
  /*background:#eeeeff;*/
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {
  margin-top:20px;
  margin-bottom:5px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {
  margin-top:0px;
  margin-bottom:0px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE {
  background:#E06000;
  padding-left:5px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD {
  vertical-align:absmiddle;
}
}

@media print{
@page {
  size:21.0cm 29.7cm;
  margin-top:2cm;
  margin-bottom:2cm;
  margin-left:2cm;
  margin-right:2cm
}

#menu, #header1, #header2, #clear, #footer, a.layers_2, a.layers_2_act, a.layers_3, a.layers_3_act{
  display:none;
}

#content{
  width:17cm;
  color:#000000;
  font-size:12pt;
  font-family:Arial, Helvetica, sans-serif;
  text-align:justify;
}

h2{
  font-size:14pt;
}

.header{
  font-size:14pt;
  font-weight:bold;
  margin-bottom:0.3cm;
}

a.sitemap1, a.sitemap2, a.sitemap3, a.sitemap4{
  text-decoration:none;
}

.sitemap1{
  padding:0.25cm;
  padding-left:0.5cm;
}

.sitemap2{
  padding:0.15cm;
  padding-left:1cm;
}

.sitemap3{
  padding-left:1.5cm;
}

.sitemap4{
  padding-left:2cm;
}
}

Ich hoffe es findet sich einer der mal kurz drüberschau'n könnte.

Danke,
Pax

Anmerkung:
Unter "Include static" (#45629)
habe ich keinen Eintrag den ich auswählen könnte, falls das wichtig ist...

*verzweifel*

Christian_sps ·

Lies dir nocheinmal die Dokumentation dazu auf der Seite durch, das Riesentemplate schauen sich sowieso die wenigsten an, ich habe es jetzt mal getan und denke da du einfach hier und da eine Kleinigkeit vergessen hast. Tut mir leid, einene besseren Rat kann ich momentan nicht geben ^^.

Paxarion ·

Die Dolumentation auf welcher Seite meinst du?
Auf der Seite von Kerstin Hubbauer(www.typo3.mapseven.de) hab ich nichts gefunden...