[TYPO3-english] Help with css menu and TS

Dawid Pacholczyk dpacholczyk at gmail.com
Fri Mar 26 10:33:04 CET 2010


I`ll give you an example

temp.something = COA
temp.something {
  wrap = <div><ul>|</ul></div>
  10 = HMENU
  10 {
    special = directory
    special.value = some_uid
    #entryLevel = 0
    1  = TMENU
    1 {
      NO.allWrap = <li>|</li>
      ACT = 1
      ACT.allWrap = <li><b>|</b></li>
    }
  }
}

Best regards,
Dawid "Fixus" Pacholczyk

Ofc this is my structure but it should give you how it works.



2010/3/26 Marko Minic <markominic at inbox.com>:
> Hi everyone,
>
> I need a help with css menu and TS. I have css menu with example code below and one link should be always highlighted - on every page of website (by page id), but I don't know how to do that in TypoScript. If anyone can help I would appreciate.
>
> HTML template:
>
> <div id="menu">
>    <ul>
>      <li><a href="#">Link 1</a></li>
>      <li><a href="#">Link 2</a></li>
>      <li><a href="#">Link 3</a></li>
>      <li class="highlight"><a href="#">Link 4 highlighted</a></li>
>    </ul>
>  </div>
>
> CSS example:
>
> #menu {
>
>        width: 800px;
>        height: 60px;
>        margin: 0 auto;
> }
>
> #menu ul {
>
>        margin: 0;
>        padding: 10px 0 0 0px;
>        list-style: none;
>        line-height: normal;
>
> }
>
> #menu li {
>        display: inline;
>        text-align: center;
> }
>
>
> #menu a {
>        background: #ffffff;
>        display: block;
>        float: left;
>        margin-right: 3px;
>        padding: 5px 62px 5px 20px;
>        text-decoration: none;
>        text-align: center;
>        font-size: 12px;
>        font-weight: bold;
>        color: #727272;
> }
>
> #menu a:hover, #menu .active a {
>        background: #ffffff;
>        color: #b9b2b2;
> }
>
> #menu .highlight a {
>        background: #cccccc;
>        color: #ffffff;
> }
>
> Thanks in advance,
> Marko
> _______________________________________________
> TYPO3-english mailing list
> TYPO3-english at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english
>


More information about the TYPO3-english mailing list