Zen TYPO3 Forum

Our TYPO3 forum is available for freelancers, professionals and clients new to TYPO3 to discuss Basic TYPO3 templating, Typoscript, extension installation, administration and help with subscription templates. Please register for an account to post.

watch thread

All Categories > TYPO3 General Discussion > Templates > Menu Problem

Total Posts: 10 - Pages (1): [1]

Author: mediatech
Posted: Jun 07 2007 - 04:07 PM
Subject: re: Menu Problem

Hi Jed,

The following HTML marking in template.html is substituted for the TypoScript code below it. I've included the entire script however I have not had time to test it. Also you will need to modify the CSS to account for no links. Have a look here to see a simpler version of the CSS for hints.

http://www.mediatech.net/fileadmin/themes/zlightpro/css/layout.css

Gregory Remington
Mediatech Consulting, Inc.
Phone : +1 (760) 525-1770 . Fax: +1 (760) 542-1990 . Skype: gremington

template.html

<div class="vertnav1"><a href="#">Level 1 item</a></div>
<div class="vertnav1-act"><a href="#">Level 1 item active</a></div>
<div class="vertnav2"><a href="#">Level 2 item</a></div>
<div class="vertnav2-act"><a href="#">Level 2 item active</a></div>
<div class="vertnav3"><a href="#">Level 3 item</a></div>
<div class="vertnav3-act"><a href="#">Level 3 item active</a></div>

TypoScript:

# Vertical Navigation
#######################################
subparts.VERTNAV = HMENU
#subparts.VERTNAV.entryLevel = 1
subparts.VERTNAV.special = directory
subparts.VERTNAV.special.value = 1
#subparts.VERTNAV.excludeUidList = 1,2,3
subparts.VERTNAV.1 = TMENU
subparts.VERTNAV.1 {

# Normal state properties
#######################################
NO.allWrap = <div class="vertnav1"> | </div>

# Active state and set properties
#######################################
SPC = 1
SPC.allWrap= <div class="vertnav1-act"> | </div>
SPC.doNotLinkIt = 1
SPC.doNotShowLink = 0
}

# Second level menu-object
#######################################
subparts.VERTNAV.2 = TMENU
subparts.VERTNAV.2 {

# Normal state properties
#######################################
NO.allWrap = <div class="vertnav2"> | </div>

# Enable active state and set properties:
#######################################
SPC = 1
SPC.allWrap= <div class="vertnav2-act"> | </div>
SPC.doNotLinkIt = 1
SPC.doNotShowLink = 0
}

# Third level menu-object
#######################################
subparts.VERTNAV.3 = TMENU
subparts.VERTNAV.3 {

# Normal state properties
#######################################
NO.allWrap = <div class="vertnav3"> | </div>

# Enable active state and set properties:
#######################################
SPC = 1
SPC.allWrap= <div class="vertnav3-act"> | </div>
SPC.doNotLinkIt = 1
SPC.doNotShowLink = 0
}

Author: jedjed7
Posted: Jun 07 2007 - 11:15 AM
Subject: re: re: re: Menu Problem

Hi !
Thank you very much for this !!!

Could you show me the html code for your menu ?
I cannot connect all the concepts together.... I'm pretty slow today !

Thank you very much !

Jed

Author: gerri123
Posted: Mar 29 2007 - 12:34 PM
Subject: re: re: Menu Problem

As a thanks for all the help you give to us Mr Remington, here's a clean solution to creating Section Titles without links. The solution uses Spacer type documents. It took me bloody ages to work it out but it's been worth it.

++++++++++++++++++++++++++++++++++++++++++++++++++++++++

1. In the Greg's template setup file add in the SPC lines marked in red below...

# Enable active state and set properties:
#######################################
ACT = 1
noBlur = 1
ACT.allWrap = <div class="vertnav1-act"> | </div>
SPC = 1
SPC.allWrap= <div class="spc"> | </div>
SPC.doNotLinkIt = 1
SPC.doNotShowLink = 0
}

Where....
1. <div class="spc"> | </div> is the wrap around the element and in this case a style given to any page of type=Spacer.
3. SPC.doNotShowLink = 0 causes the page title to be used

Below is an example of the stylesheet format...

.spc {
font-size: 14px;
padding: 3px;
color:#00659C;
font-weight: bold;
}

To activate, create a spacer type document.

Thats it!

Cheers!

Gerri

Author: mediatech
Posted: Mar 20 2007 - 10:56 AM
Subject: re: Menu Problem

Please keep in mind ZenlightPro is simply CSS, XHTML and some Typoscript. It will not replace the need for a programmer or months of self study to master TYPO3. The template is meant to be used as an entry level introduction for new adopters and for professionals needing a quick and simple out of box CSS solution.

You might try an approach where the menu headers are hardcoded into the template with the dynamic menu markers placed underneath.

Instead of using entryLevel use stick with special.value = 1,2,3,4 where you have defined different menu branches as seen in the graphic in this post.
http://mediatech.net/typo3_forum/view/single_thread/chc-forum/2/1/753.html

I'm sure there's a more elegant TS solution but this essentially what I did here for a client but in this case I broke up the parent and sub menus into 3 levels with a static header for the same menu using entryLevel not different menus which would need special.value.

Gregory Remington
Mediatech Consulting, Inc.
Phone : +1 (760) 525-1770 . Fax: +1 (760) 542-1990 . Skype: gremington

Author: gerri123
Posted: Mar 20 2007 - 08:22 AM
Subject: re: Menu Problem

Hello!

Was there ever any reply to this? I have a similar problem. I need to have Section Headers within the menu to define the different sets of content. My menu should look something like this...

Home
Products <Section Header not linked>
Noticeboards
Storage Solutions
Refurbishments <Section Header not linked>
Bathrooms
Libraries
Classrooms
Reception Areas
Contact

I've looked through the mailing list archives and can see that there's something like this on the Cannonbose Site but how do I implement this into the ZenlightPro template? Sorry for being dense!

How do you define what's a Section Header in the backend?

lib.sectionheader = HMENU
lib.sectionheader {
special = rootline
special.range = 1|1
1 = TMENU
1 {
NO.doNotLinkIt = 1
}
}

Any advice is greatly appreciated!

Gerri

Author: mediatech
Posted: Feb 02 2005 - 02:57 PM
Subject: re: Menu Problem

Ross,

After playing around with this for 15 minutes I came to the realization that I was lucky to figure out the basic Typoscript needed to get what we have here. I'm not very proficient with Typoscript. Your best bet is to copy/paste your Typoscript code and provide a link to your screen shot at http://typo3.org/documentation/mailing-lists/english-main-list-archive/

If you find a solution please post it here. I would like to use something like this myself. I'll keep an out out on the Typo3 English mailing list

Regards,
Greg

Author: quickmix
Posted: Feb 02 2005 - 03:52 AM
Subject: re: Menu Problem

Could I email you a snapshot of the template that Im busy with, so you can see what Im talking about? I somehow could not insert the snapshot in the above post.

Thanx
Ross

Author: quickmix
Posted: Feb 02 2005 - 03:47 AM
Subject: re: Menu Problem

Hi Greg, the menu titles are text only and not links.As you can see, the menu items under jobseekers are all dynamic.Im trying to get the current dynamic links other information and my information under the level 1 (employers) menu title and link 1, 2 and 3 under the templates title.

Ross

Author: mediatech
Posted: Jan 31 2005 - 10:36 AM
Subject: re: Menu Problem

The menu system is design to work only with dynamic links generated by the back end page tree structure. My advice is to get rid of the static menu titles. Are these static links links or text only? Can you post an example?

I believe there is a was to do what you want but it may mean rewriting some things.

Greg

Author: quickmix
Posted: Jan 31 2005 - 03:46 AM
Subject: Menu Problem

Aaaargh. Could someone please help me! Im new to typo3 and finding it very hard to grasp the creating the menu section. Im trying to create 3 different menus underneath each other.These menu items are separated by different menu titles.For eg.

Jobseekers: static
My CV (menu items dynamic)
View templates
Directories & search engines (10)

Employers: static
Other information
My information

Templates: static
Link 1
Link 2

These menu titles are static and appear in the html template. The menu items under jobseekers are dynamic.Im trying to make the links under the employers and templates title dynamic too.All of the menu items are first level menu objects.Whenever I add a link in typo3, it appears under the Jobseekers menu title and not the Employers and Template title.

Could anybody help please.
Thanx in advance
Ross

Total Posts: 10 - Pages (1): [1]

Click here for a complete list of threads

You must login to post a message to this conference.

CHC Forum provided by Cast Iron Coding