[Workshop] Typo3-Workshop Teil IV - Template, Fortsetzung

**steffenk** · 22.05.2006 18:07

danke für den Hinweis, ich habs korrigiert.
Hatte mir schon gedacht, das ich der Verursacher bin

**sonnenwolke** · 26.12.2007 01:39

Hallo! Habe mich grade durch die einzelnen Workshop Teile gearbeitet. funktioniert auch alles super, nur leider wird der Inhalt nicht angezeigt..Habe diverse Seiteninhalte eingefügt, kriege aber nur ###INHALT###, gar nichts (wenn ichs mit breadcrum versuche) und ###RECHTS### angezeigt.

Wenn ich aber INHALT einen Text zuweise, so wie bei FOOTER, bereitet das keinerlei Probleme.. hier mein setup:

Code:

page = PAGE
page {
	#bodyTag = <body>
	includeCSS {  
    	file1 = fileadmin/css/site.css
	}
	
	10 = TEMPLATE
	10 {
    	template = FILE
    	template.file = fileadmin/templates/template.html

    	workOnSubpart = DOKUMENT
    	
    	

    	plugin.tx_croncssstyledimgtext._CSS_DEFAULT_STYLE >
	tt_content.textpic.10.if >
	tt_content.textpic.20.text.10 >


		marks{
		
10 = HMENU
		10 {
	special = rootline
	special.range = 2|-1
	1 = TMENU
	1.noBlur = 1
	1.wrap = <ul id="breadcrumb"> | </ul>
	1.NO.linkWrap = <li> |  &raquo; </li>
	1.NO.ATagTitle.field = title
	1.NO.ATagTitle.noTrimWrap = | zur Seite: |
	1.CUR = 1
	1.CUR {
		linkWrap = <li><span class="spot5" title="Sie befinden sich auf der Seite:"> | </span></li>
		doNotLinkIt = 1
			}
		}
		
		INHALT = COA
		INHALT{
		  10 < breadcrumb 
  		 20 < content.styles.get
		}
		

			RECHTS < styles.content.getRight
			
			FOOTER = TEXT
			FOOTER.value = © 2008
			LOGO =
			
			TOPMENU = HMENU
			TOPMENU {
				special = directory
				special.value = 2
				1 = TMENU
				1.wrap=<ul>|</ul>
				1.noBlur = 1
				
				1.NO = 1
				1.NO.ATagTitle.field = title
				1.NO.linkWrap = <li>|</li>
				
				1.ACT = 1
				1.ACT < .NO
				1.ACT.doNotLinkIt = 1
				1.ACT.allWrap = <li id="topnavi-aktiv">|</li> 
			}
			
			
			LINKS = HMENU
		LINKS {
			special = directory
			special.value = 3
			entryLevel = 1
	
			1 = TMENU
			1.wrap= <ul>|</ul>
			1.noBlur = 1
	
			1.NO = 1
			1.NO.ATagTitle.field = title
			1.NO.linkWrap = <li>|</li>
	
			1.ACT = 1
			1.ACT < .NO
			#1.ACT.doNotLinkIt = 1
			1.ACT.linkWrap = <li id="leftnavi-aktiv">|</li> 
	
			1.ACTIFSUB < .ACT 
			1.ACTIFSUB = 1 
			1.ACTIFSUB.linkWrap = <li class="leftnavi-aktiv">|    
	
			2 < .1
			2.wrap = <ul>|</ul></li> 
			2.ACT.linkWrap = <li id="leftnavi-sub-aktiv">|</li> 

		}
		}
	}
}

Noch eine Frage: Wie definiere ich den am besten den Header? über CSS?

Schöne Grüße!!!!

**steffenk** · 30.12.2007 10:10

Du hast ein paar Fehler drin

Code:

plugin.tx_croncssstyledimgtext._CSS_DEFAULT_STYLE >
tt_content.textpic.10.if >
tt_content.textpic.20.text.10 >

muss ausserhalb der Schachtelung sein, gehört nicht zu page.

bei page.marks ist auch ein Fehler.

definiere breadcrumb auch auf root-Eben. Benutze immer das Objekt temp oder lib (lib nur wenns später auch noch gebraucht wird)

Code:

temp.breadcrumb = HMENU
temp.breadcrumb {
  ...
}

Schau Dir Dein Setup auch immer im Template Analyzer an, um Fehler zu erkennen.

**glowi** · 03.03.2008 12:29

hi,
zu dem beitrag eins oberhalb von diesem hier hab ich n ähnliches problem beizusteuern.
ich bin mir nicht sicher ob es zu diesem workshop gehört, aber ich versuchs einfach mal ...

ich bekomme auch keinen inhalt angezeigt, allerdings glaub ich nicht das es am code des templates liegt da ich den nach langem rumprobieren von diesem tutorial hier abkopiert habe.

ich denke das ich vielleicht fehler mein einfügen der inhalte mache, daher meine frage:
ich habe das template erstellt und und in der HTML-vorlage meine marker eingefügt (z.b. ###content### ).

dann in den marks content < styles.content.get eingebaut

so und wo geneu muss ich jetz so sachen wie headline, text mit bild, verweise, etc ............ einbauen bzw definieren?
in der rootseite (der obersten ebene) oder in einer der unterseiten? das vererbt sich doch nach unten , oder?

sorry aber bin absoluter neuling bei sowas und wär für jeden tipp dankbar.

kann den code jetz leider nicht posten , da ich in der arbeit kein zugriff auf meinen server habe

**gersh** · 05.08.2008 17:19

Hallo,

erstmal vielen Dank für die Dinge, die Anderen zur Verfügung gestellt werden.

Ich arbeite mich seit ein paar Tagen in Typo3 4.2.1 ein und bastele gerade das erste Template zusammen. Hierfür suchte ich ein vertikales Klappmenü und habe dieses hier gefunden.
Leider bastele ich schon 3 Std. daran und es funktioniert nicht.
Ich bekomme im Browser nur den Marker angezeigt.
Kann mir jemand auf die Sprünge helfen oder ist hier schon Feierabend (längere Zeit nichts geschrieben).

Meine TP-Template:

Code:

emp.mainTemplate = TEMPLATE
temp.mainTemplate {
  template = FILE
  template.file = fileadmin/templates/template-SIM-startseite.html
  workOnSubpart = DOCUMENT_BODY
  
  # Breadcrumps
  subparts.BREADCRUMB = HMENU
  subparts.BREADCRUMB {
  special = rootline
  special.range = 0|-1
  1 = TMENU
  1.noBlur = 1
  1.wrap = <p id="sitelocation">Sie befinden sich hier:&nbsp; | </p>
  1.NO.ATagTitle.field = abstract // description // title
  1.NO.linkWrap = | >&nbsp; |*||*| |
  1.CUR < 1.NO
  1.CUR = 1
  1.CUR {
  doNotLinkIt = 1
  linkWrap = | >&nbsp; |*||*| |
  }
  }
 
LINKS = HMENU
LINKS {
	special = directory
	special.value = 1
	entryLevel = 1
	
	1 = TMENU
	1.wrap= <ul>|</ul>
	1.noBlur = 1
	
	1.NO = 1
	1.NO.ATagTitle.field = title
	1.NO.linkWrap = <li>|</li>
	
	1.ACT = 1
	1.ACT < .NO
	#1.ACT.doNotLinkIt = 1
	1.ACT.linkWrap = <li id="leftnavi-aktiv">|</li> 
	
	1.ACTIFSUB < .ACT 
	1.ACTIFSUB = 1 
	1.ACTIFSUB.linkWrap = <li class="leftnavi-aktiv">|    
	
	2 < .1
	2.wrap = <ul>|</ul></li> 
	2.ACT.linkWrap = <li id="leftnavi-sub-aktiv">|</li> 
	}
}

page = PAGE
page.typeNum = 0
page.10 < temp.mainTemplate
page.shortcutIcon = sim.ico
page.bodyTag = 
page.stylesheet = fileadmin/templates/css/SIM-stylesheet1-sz.css

Im HTML-Template

Code:

<!-- ###DOCUMENT_BODY### -->
<div id="body">
	<div id="background">
	</div>
	<div id="logo_header">
		<img src="fileadmin/templates/images/img_logo_header1_sz.jpg" alt="test" width="775" height="84">
	</div>
<!-- ###BREADCRUMB### -->
<!-- ###BREADCRUMB### -->
	<div id="navigation_background">
		<img src="fileadmin/templates/images/img_links0.jpg" alt="Menü-Hintergrund" /> </div>
	<div id="mainmenu">

###LINKS###

	</div>
<!-- content headline (begin) -->
	<div id="content_headline"> 

...

Das CSS:

Code:

...

#mainmenu {
	margin: 115px 0px 0px 0px;
	position: absolute;
	float: left;
}

/* MENUCONTAINER */

* {margin:0;padding:0;}

#left ul {list-style:none;margin-top:8px;}
#left ul li {padding-left:6px;}
#left ul li ul {margin-top:0;}
#left ul li ul li {padding-left:12px;}

/* MENUCONTAINER */

#content_headline {
	margin: 125px 0px 0px 240px;
...

Die erste Seite unter der Weltkugel hat die ID=1
Diverse Seiten und Unterseiten sind angelegt.
Alle Seiten haben einen Seitentitel und einen Navigationstitel.
Beim TP-Template ist "CSS styled content" ausgewählt.

Ich blicks nicht mehr ...
haH (hoffe auf Hilfe)
und vielen Dank im Voraus!

Grüße
gersh

**steffenk** · 05.08.2008 17:42

LINKS = HMENU

das kann nicht gehen, TYPO3 kennt LINKS nicht.

richtig:

Code:

temp.mainTemplate {
   marks {
     LINKS = HMENU
     LINKS { ... }
   }
}

**gersh** · 05.08.2008 20:35

Erstmal Danke für die Reaktion steffenk!

Wenn ich jedoch das:

Code:

...
     LINKS = HMENU
LINKS {
	special = directory
	special.value = 1
	entryLevel = 1
...

ändere in:

Code:

...
temp.mainTemplate {
   marks {
     LINKS = HMENU
LINKS {
	special = directory
	special.value = 1
	entryLevel = 1
...

dann bekomme ich beim Aufrif der Seite:

Error!
The page is not configured! [type= 0][]

Oder sehe ich den Wald vor lauter Bäumen nicht??

**steffenk** · 06.08.2008 16:49

vielleicht

Schau mal im Objectbrowser, ob Du Klammerfehler hast. Ansonsten schau mal im Workshop, dort ist auch ein komplettes Template zum Vergleich

**gersh** · 07.08.2008 12:46

Danke für den Hinweis, es funktioniert nun.

Erst habe ich mein TS-Template mal anständig sortiert, dann war da noch eine fehlende Klammer am Ende und dann eine falsche ID im Script.

Grüße
gersh

**gersh** · 14.08.2008 22:08

Ich habe mein vertikales Menü nun hinbekommen - soweit ...

Im Fox, Safari, Netscape, Opera sieht es soweit bestens aus, nur der IE knallt mir total quer rein und ich weiß nicht mehr weiter.
Habe auch für den IE ein extra css angelegt.

Könnt Ihr mal schauen?

http://www.schwetzingen-aktuell.de/cms/index.php?id=4
http://www.schwetzingen-aktuell.de/cms/index.php?id=16

Irgendwas verdeckt mir das 2te Menü ... und ich komm ned drauf.

Code:

	LINK = HMENU
	LINK {

	special = directory
	# Hier die Start-ID angeben
	special.value = 1
	entryLevel = 0

		# Erste Ebene
		1 = TMENU
		1 {
		wap = <ul>|</ul>
		expAll = 0
		noBlur = 1
		NO.ATagTitle.field = title
		NO.stdWrap.prepend = COA
		NO.stdWrap.prepend.10.wrap = ~&nbsp; |
		IFSUB = 1
		IFSUB {
      		wrapItemAndSub = <li> | </li>
	      	allWrap = | <!--<![endif]-->
	      	ATagBeforeWrap = 1
		}
		NO.stdWrap.htmlSpecialChars = 1
		NO.wrapItemAndSub = <li onmouseover="show(this)" onmouseout="hide(this)">|</li>
		ACT < .NO
	      	ACT = 1
		ACT.ATagParams = id="mainmenuactive"

		}
		
		# Zweite Ebene #
		2 = TMENU
		2 {
		wrap = <div id="menu2-container"><ul id="menu2-top"><ul id="menu2"> | <ul id="menu2-bottom"></ul></ul></ul></div>
		expAll = 0
		noBlur = 1
		NO.ATagTitle.field = title
		NO.wrapItemAndSub = <li> | </li>
		IFSUB = 1
		IFSUB {
		wrapItemAndSub = <li> | </li>
		allWrap = | <!--<![endif]-->
		linkWrap = |<!--[if IE 7]><!-->
		ATagBeforeWrap = 1
		ATagParams = id="menu2txt"
		ACTIFSUB < .IFSUB
		ACTIFSUB.ATagParams = id="menu2txtactive"
		}
		}
	}

CSS für IE:

Code:

/* ERSTE EBENE */
#mainmenu {
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: -185px;
	width: 184px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.8;
	list-style-type: none;
	z-index: 100;
}

#mainmenu A:hover {
	margin-left: -3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #FD0361;
}

#mainmenuactive {
	margin-left: -3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #B0B0FB;
}

/* ZWEITE EBENE */

#menu2-container ul {
	position: absolute;
	margin-top: -15px;
	margin-left: 150px;
	filter: alpha(opacity=80);
	opacity: 0.80; /* Opera */
	-moz-opacity: 0.8; /* Gecko */
	width: 160px;

	display: block;
	z-index: 120;
}

#menu2-top ul {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	width: 160px;
	background-image: url(../images/fd_menu_lev2_sz_top.png);
	background-repeat: no-repeat;
	display: block;
	z-index: 110;
}

#menu2 ul {
	position: absolute;
	margin-top: -80px;
	margin-left: -10px;
	padding: 2px;
	padding-left: 10px;
	width: 160px;
	background-image: url(../images/fd_menu_lev2_sz.png);
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	list-style-type: none;
	display: block;
	z-index: 100;
}

.menu2-bottom ul {
	position: absolute;
	margin-top: 50px;
	margin-left: 0px;
	width: 160px;
	height: 24px;
	background-image: url(../images/fd_menu_lev2_sz_bottom.png);
	background-repeat: repeat-y;
	display: block;
	z-index: 110;
}

#menu2txt {
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	list-style-type: none;
	color: #FFFFFF;
}

#menu2 A:hover {
	margin-left: -3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	list-style-type: none;
	color: #FD0361;
}

#menu2txtactive {
	margin-left: -3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	list-style-type: none;
	color: #B0B0FB;
}

Weiterhin sollten die Folge-Ebenen eigentlich bei Mouseover (der ersten Ebene) aufklappen und bei Mouseout wieder zu. Derzeit geht die 2. Ebene ja nur bei Klick auf und bleibt stehen (2. Ebene ist überigens nur bei "Stadt", "Lokalnachrichten" und "SIM-intern".

Merci
Gersh

**Peter** · 11.09.2009 12:35

Mein ###INHALT### Marker wird nicht ersetzt, wenn ich

Code:

INHALT < styles.content.get

schreibe.
Schreibe ich

Code:

INHALT = TEXT
INHALT.value = Hallo

dann wird er ersetzt.
Woran kann es liegen?

Ich habe die Konfiguration aus dem Posting von Steffen:
http://www.traum-projekt.com/forum/7...tml#post617923

Das Template ist auch aus dem Tutorial rauskopiert.

Seiten habe ich ganz normal erstellt. Oder gibts dort noch was zu beachten?

Grüße,
Peter

**Peter** · 11.09.2009 20:18

Na gut, es lag (auch) an der: css_styled_content.
Von der steht auch vorne im Tutorial nichts.
Vielleicht mag das ja noch jemand einfügen.

Grüße,
Peter

**steffenk** · 12.09.2009 11:09

Danke Peter, habs im ersten Post hinzugefügt.

Ein bischen Fehlersuche schadet doch auch nicht

**Peter** · 12.09.2009 14:08

Zitat von steffenk

Danke Peter, habs im ersten Post hinzugefügt.

Ein bischen Fehlersuche schadet doch auch nicht

Joa, da lernt mans doch auch gleich ein bisschen besser kennen.

Danke fürs Einfügen.

zur Startseite vom TP

Thema: [Workshop] Typo3-Workshop Teil IV - Template, Fortsetzung

LinkBack

Themen-Optionen

Thema durchsuchen

Inhalt wird nicht angezeigt..

Schon geschlossen hier?

Danke

Benötige leider nochmal Hilfe

Aktive Benutzer

Aktive Benutzer