[TYPO3-german] CSS-Dropdown in TS nachbauen

[Christian Wolff]

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Am 04.06.2010 08:37, schrieb Torsten:
> Guten Morgen zusammen,
> 
> ich versuche gerade ein MegaDropdown in Typo3 einzubinden (Vorlage
> http://www.sohtanaka.com/web-design/examples/mega-dropdowns/
> <http://www.sohtanaka.com/web-design/examples/mega-dropdowns/>), hänge
> aber an einer Stelle und das Thema brennt mir jetzt schon seit Tagen
> unter den Nägeln, ohne dass ich auf eine Lösung gekommen bin. :-/
> Ehrlich gesagt, weiß ich mittler Weile gar nicht mehr, ob sich das so in
> TS umsetzen lässt.
> Wenn es mal fertig ist, soll es diese Struktur haben:
> 
> <ul id="topnav">
>    <li><a href="#" class="home">Home</a></li>
>    <li>
>        <a href="#" class="products">Products</a>
>        <div class="sub">
>            <ul>
>                <li><h2><a href="#">Desktop</a></h2></li>
>                <li><a href="#">Navigation Link</a></li>
>                <li><a href="#">Navigation Link</a></li>
>            </ul>
>            <ul>
>                <li><h2><a href="#">Laptop</a></h2></li>
>                <li><a href="#">Navigation Link</a></li>
>                <li><a href="#">Navigation Link</a></li>
>            </ul>
>            <ul>
>                <li><h2><a href="#">Accessories</a></h2></li>
>                <li><a href="#">Navigation Link</a></li>
>                <li><a href="#">Navigation Link</a></li>
>            </ul>
>            <ul>
>                <li><h2><a href="#">Accessories</a></h2></li>
>                <li><a href="#">Navigation Link</a></li>
>                <li><a href="#">Navigation Link</a></li>
>            </ul>
>        </div>
>    </li>
>    <li><a href="#" class="sale">Sale</a></li>
>    <li><a href="#" class="community">Community</a></li>
>    <li><a href="#" class="store">Store Locator</a></li>
> </ul>
>

hi Torsten ich glaube das ist in TS zu realisieren hier mein ansatz dazu
ich kümmere mich nur im die (struktur die classen lasse ich weg):

lib.menu = HMENU
lib.menu {
  1 = TMENU
  1.wrap = <ul id="topmenu">|</ul>
  1.NO.wrapItemAndSub = <li>|</li>

  2 = TMENU
  2.wrap = <div><ul>|</ul></div>
  2.NO.wrap = <li><h2>|</h2></li> |*| <li>|</li> |*| <li>|</li>

}

das sollte dir die struktur geben.
ist jetzt ungeteste und einfach mal so hier in die mail geschrieben.
aber ich denke die Idee ist erkennbar.


- -- 
Christian Wolff // Berlin
http://www.connye.com

some projects:
http://richtermediagroup.com | http://titanic.de |
http://fairplay-homepage.de
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.9 (MingW32)

iEYEARECAAYFAkwIrVEACgkQIcCaXPh/JHHKTQCfZRrnVWJrvDjxCRkENJ7gK6GE
X0kAoKt4XYfdmVdAqt6n+Xj5h2ZuLfhP
=iP6I
-----END PGP SIGNATURE-----