[TYPO3-UG Dutch] Hoe maak ik een menu met typo3
Arjan D
arjanduijkers at gmail.com
Mon May 11 13:42:50 CEST 2009
Ah bedankt voor de snelle reacties!
Dat stuk van modern template building heb ik ook gelezen en aan de hand
daarvan heb ik geprobeerd mijn TS
te maken maar dit werkt dus nog niet geheel naar wens.
Hieronder vind je mijn TS:
# Configuring the Auto-Parser for main template:
plugin.tx_automaketemplate_pi1 {
# Read the template file:
content = FILE
content.file = fileadmin/template/main/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/
}
# LINKER MENU cObject
temp.navigatielinks = HMENU
# First level menu-object, textual
temp.navigatielinks.1 = TMENU
temp.navigatielinks.1 {
# Normal state properties
NO.allWrap = <div class="no"> | </div>
# Enable active state and set properties:
ACT = 1
ACT.allWrap = <div class="act"> | </div>
}
# 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 ###navigatielinks### subpart with dynamic menu:
subparts.navigatielinks < temp.navigatielinks
# Substitute the ###navigatie### subpart with some example content:
subparts.navigatie = TEXT
subparts.navigatie.value = HELLO WORLD - MENU TOP
# Substitute the ###koptektsten### subpart with some example content:
subparts.koptektsten = TEXT
subparts.koptektsten.value = HELLO WORLD - KOPTEKST
# Substitute the ###contentmidden### subpart with some example content:
subparts.contentmidden = TEXT
subparts.contentmidden.value = HELLO WORLD - CONTENT MIDDEN
# Substitute the ###contentagenda### subpart with some example content:
subparts.contentagenda = TEXT
subparts.contentagenda.value = HELLO WORLD - CONTENT AGENDA
# Substitute the ###contentgeniet### subpart with some example content:
subparts.contentgeniet = TEXT
subparts.contentgeniet.value = HELLO WORLD - CONTENT GENIET
}
# 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
# 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
------------------------------------------------------------------------------------------
In mijn css heb ik deze extra classes aangemaakt om de active en normaal te
laten werken maar in het echt werkt dit dus nog niet.
#navigatielinks DIV.no{
background-color: #866b50;
display:block;
height:26px;
width:166px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #e7e3d8;
text-decoration: none;
border-bottom: solid 1px #e7e3d8;
padding-top: 13px;
padding-left:4px;
}
#navigatielinks DIV.act ul li a.selected {
background-color: #e7e3d8;
color: #866b50;
border-bottom: solid 1px #866b50;
}
#navigatielinks DIV.act ul li a.selected:hover {
background-color: #e7e3d8;
color: #000000;
}
Verder bedankt voor de links! Deze zal ik zeker gaan lezen.
Thx voor de hulp
2009/5/11 Wiel, J.A.M. van de <j.a.m.v.d.wiel at tue.nl>
> Hoi Arjan,
> In de tutorial Modern Template Building wordt de werking van menu's even
> snel uitgelegd. Je kunt je daarna verdiepen in het TSRef-document. Dat
> heeft een heel hoofdstuk over menu's. Ik zou je willen aanraden om eerst te
> zorgen dat TYPO3 de juiste HTML voor je genereert. Daarna kun je daar naar
> hartelust met CSS iets moois van maken. De CSS die je geeft, is ook niet
> heel relevant in dit stadium. Ik had liever je TypoScript gezien om te
> kunnen bepalen wat er precies fout gaat. Helaas heb ik op dit moment niet de
> tijd om zo'n menu helemaal from scratch voor je te maken.
>
> Ik zou zeggen: post je TS ook even.
>
> Groeten,
> Bas
>
> ________________________________________
> From: typo3-ug-dutch-bounces at lists.netfielders.de [
> typo3-ug-dutch-bounces at lists.netfielders.de] On Behalf Of Arjan D [
> arjanduijkers at gmail.com]
> Sent: Monday, May 11, 2009 12:45 PM
> To: typo3-ug-dutch at lists.netfielders.de
> Subject: [TYPO3-UG Dutch] Hoe maak ik een menu met typo3
>
> Hallo allemaal,
>
> Ik ben vorige week begonnen mij te verdiepen in Typo3.
> Erg leuk allemaal maar toch best lastig :)
>
> Wat ik graag zou willen is een menu maken dat eruit ziet als deze
>
> http://www.marbloem.nl/nieuw/ (linker menu)
>
> De css code die ik hiervoor gebruik is dit:
>
> #navigatielinks {
> background-color: #866b50;
> position: absolute;
> float:left;
> width: 170px;
> }
> #navigatielinks ul{
> background-color: #866b50;
> height: 26px;
> width:170px;
> padding: 0;
> margin: 0;
> white-space: nowrap;
> }
> #navigatielinks ul li{
> display: block;
> }
> #navigatielinks ul li a{
> display:block;
> height:26px;
> width:166px;
> font-size: 12px;
> font-family: Verdana, Arial, Helvetica, sans-serif;
> text-decoration: none;
> border-bottom: solid 1px #e7e3d8;
> color: #e7e3d8;
> background-color: #866b50;
> padding-top: 13px;
> padding-left:4px;
> }
> #navigatielinks ul li a:hover{
> color: #866b50;
> background-color: #e7e3d8;
> border-bottom: solid 1px #866b50;
> }
> #navigatielinks ul li a.selected {
> color: #866b50;
> background-color: #e7e3d8;
> border-bottom: solid 1px #866b50;
> }
> #navigatielinks ul li a.selected:hover {
> color: #000000;
> background-color: #e7e3d8;
> }
> Het is mij wel gelukt om het menu dynamisch te maken in typo3 maar van de
> opmaak klopt niet!
> Hij pakt sommige letterkleuren niet en je kan alleen op de tekstlink
> klikken
> ipv het hele blok zoals op de bovengaande link.
> Wat moet ik doen om dit in typoscript werkend te krijgen?
>
> Dan heb ik verder nog een vraag! Op dit moment zet hij alle pagina's in het
> linker menu maar dat is niet de bedoeling.
>
> Vier links horen namelijk apart in een menu aan de bovenkant van de pagina.
> Hoe kan ik dit scheiden?
>
> Hoop dat jullie mij kunnen helpen!
> En dat ik zo wat meer kan leren van de werking van Typo3!
>
> Alvast bedankt!
>
> Groeten,
>
> Arjan
> _______________________________________________
> TYPO3-UG-Dutch mailing list
> TYPO3-UG-Dutch at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
> _______________________________________________
> TYPO3-UG-Dutch mailing list
> TYPO3-UG-Dutch at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
>
More information about the TYPO3-UG-Dutch
mailing list