Section Index with individual CSS-Styles

Submitting your vote...
Rating: 4.0 of 5. 1 vote(s).
Click the rating bar to rate this item.

This snippet wraps every section with a own CSS-style for formatting the index on each page individually. The layout setting of the header controls this behaviour (Layout1 - Layout5) and sets the coresponding CSS-Style .csc-section-1 to csc-section-5.

 

 

# override "Section index (pagecontent w/Index checked)"
tt_content.menu.20.3 >
tt_content.menu.20 {
  3 < styles.content.get
  3.wrap = <div class="csc-menu csc-menu-3">|</div>
  3.select.andWhere = sectionIndex!=0
  3.select.pidInList.override.field = pages
  3.renderObj = CASE
  3.renderObj {
    key.field = header_layout
    default = COA
    default {
      stdWrap.fieldRequired = header
      10 = TEXT
      10.field = header
      10.trim = 1
      10.htmlSpecialChars = 1
      10.dataWrap = <p class="csc-section-1">|</p>
      10.typolink.parameter.field = pid
      10.typolink.section.field = uid
    }
    1 < .default
    2 < .default
    2.10.dataWrap = <p class="csc-section-2">|</p>
    3 < .default
    3.10.dataWrap = <p class="csc-section-3">|</p>
    4 < .default
    4.10.dataWrap = <p class="csc-section-4">|</p>
    5 < .default
    5.10.dataWrap = <p class="csc-section-5">|</p>
  }
}

 

 

This snippet was submitted by Daniel Vorhauer.



Comments


Char, 14-12-11 01:55:
How could any of this be better stated? It cuodln't.

Add comment

* - required field

*



*
*

Top 10 Updates

Useful Links geändert am  24-Apr-2013 06:31:20
Nice fonts using Google font API geändert am  20-May-2010 14:36:47
TS-based Searchbox for Indexed Search  geändert am  18-May-2010 16:27:15
TYPO3 SEO geändert am  30-Apr-2010 07:44:22
Search engine friendly graphical headers in TYPO3 geändert am  30-Apr-2010 07:33:44
Creating a simple Infocenter using TYPO3 geändert am  17-Nov-2009 11:12:52
Making the Section Menu work correctly with TemplaVoila geändert am  05-May-2009 10:27:17
Show pages with type "Not in Menu" in a sitemap geändert am  05-May-2009 10:11:17
Implementation of the DHTML menu from brainjar.com  geändert am  01-Feb-2009 13:02:48
Sample DHTML menu geändert am  01-Feb-2009 12:51:25

Latest comments

17-Jun-2013 19:46:54
sxwluus sxwluus schrieb: 5UymqQ , [url=http://xgbwceyjiybq.com/]xgbwceyjiybq[/url],...
tt_news frontend editing
17-Jun-2013 11:47:10
csfhvekmk csfhvekmk schrieb: NsWb99 <a href="http://qwcpinxbhbrf.com/">qwcpinxbhbrf</a>
tt_news frontend editing
15-Jun-2013 12:26:34
msosqw msosqw schrieb: Env97k , [url=http://ejofmzvtlxyx.com/]ejofmzvtlxyx[/url],...
pidInRootLine,treeLevel,TSFE:id
Deutsch
Search: