[TYPO3-UG Spain] Menú y submenú vertical

Carmen Navarrete carmen.navarrete at gmail.com
Sat Jan 5 02:32:49 CET 2008 

Hola a todos,
conseguí lo del submenú. No me dí cuenta, hasta que no ví los códigos que me
mandaron, que para TemplaVoilà, al no haber mapeado el submenú, mi submenú
era lib.mainMenu.2
Por tanto, el setup me ha quedado de esta manera:

lib.mainMenu = HMENU
lib.mainMenu.wrap= <ul id="navlist">|</ul>
lib.mainMenu.1 = TMENU
lib.mainMenu.1 {
    NO.allWrap = <li> | </li>
    ACT = 1
    ACT.allWrap = <li id="current"> | </li>
}

lib.mainMenu.2.wrap= <ul id="navlist2">|</ul>
lib.mainMenu.2 = TMENU
lib.mainMenu.2 {
    NO.allWrap = <li> | </li>
    ACT = 1
    ACT.allWrap = <li id="subcurrent"> | </li>
}

Gracias de nuevo.
Saludos



El día 4/01/08, Carmen Navarrete <carmen.navarrete at gmail.com> escribió:
>
> Muchísimas gracias a todos.
> Voy a probar ahora todas las soluciones que me habéis dado. Enseguida os
> contaré.
> Gracias de nuevo y un cordial saludo
>
> El día 4/01/08, Ainhize Akesolo (ST3 Elkartea) <aakesolo at st3elkartea.net>
> escribió:
> >
> > Hola Carmen,
> > yo no uso el templavoila pq empece desde el principio con el typoscript
> y
> > me he ido arreglando, pero hay muchas formas de escribir el typoscript
> para
> > hacer submenus. aqui te copio dos de las formas que tengo yo, por si te
> > pueden ayudar:
> >
> >
> > menu_derecha = HMENU
> > menu_derecha.1= TMENU
> > menu_derecha.1.wrap = <ul id="menu_gris1">|</ul>
> >
> > menu_derecha.1{
> >   NO.allWrap = <li>|</li>
> >   ACT=1
> >   ACT.allWrap = <li>|</li>
> >   ACT.ATagParams = class="actual"
> >
> > }
> > #------el subemnu---------------------------
> > menu_derecha.2= TMENU
> > menu_derecha.2.wrap = <ul id="submenu_gris1">|</ul>
> >
> > menu_derecha.2{
> >   NO.allWrap = <li>|</li>
> >   ACT=1
> >   ACT.allWrap = <li>|</li>
> >   ACT.ATagParams = class="actual"
> >
> > }
> >
> > y el html que genera seria el siguiente:
> >
> > <ul id="menu_gris1">
> >         <li>
> >                 <a href="index.php?id=35" class="actual">Enlaces</a>
> >         </li>
> >                 <ul id="submenu_gris1">
> >                         <li><a href="index.php?id=1300">Otras
> > entidades</a></li>
> >                         <li><a href="index.php?id=487" >Otros
> > organismos</a></li>
> >                 </ul>
> >         <li><a href="index.php?id=32" >Contactar</a></li>
> > </ul>
> >
> > el funcionamiento es que cuando pinchas en "Enlaces" se genera el <ul
> > id="submenu_gris1">, pero si lo que quieres es que el submenu aparezca
> desde
> > el principio tendrias que incluir expAll=1 en menu_derecha.1, es decir:
> >
> > [...]
> > menu_derecha.1{
> >   expAll=1
> >   NO.allWrap = <li>|</li>
> > [...]
> >
> > y otra forma de poner lo de los submenus seria esta:
> >
> > menu_arriba = HMENU
> > menu_arriba.1= TMENU
> > menu_arriba.1.wrap = <ul class="menu_principal">|</ul>
> >
> > menu_arriba.1{
> >   NO.allWrap = <li>|</li>
> >   ACT=1
> >   ACT.allWrap = <li>|</li>
> >   ACT.ATagParams = class="actual"
> >
> > }
> >
> > submenu_arriba = HMENU
> > submenu_arriba.entryLevel = 1
> >
> > submenu_arriba.1= TMENU
> > submenu_arriba.1.wrap = <ul class="submenu">|</ul>
> >
> > submenu_arriba.1{
> >   NO.allWrap = <li>|</li>
> >   ACT=1
> >   ACT.allWrap = <li>|</li>
> >   ACT.ATagParams = class="actual"
> >
> > }
> >
> > y genera el siguiente html:
> >
> > <div id="menu_principal">
> > <ul class="menu_principal">
> >         <li><a href="index.php?id=1211&amp;L=" class="actual">Nuestra
> > entidad</a></li>
> >         <li><a href="index.php?id=1210pos&amp;L=" >Organismos</a></li>
> > </ul>
> > </div>
> >
> > <div id="submenu">
> >         <ul class="submenu">
> >                 <li><a href="index.php?id=1220&amp;L="
> > class="actual">Información general</a></li>
> >                 <li><a href="index.php?id=1302&amp;L=" >Dónde
> > estamos</a></li>
> >                 <li><a href="index.php?id=1221&amp;L="
> >Historia</a></li>
> >         </ul>
> > </div>
> >
> > donde el "submenu" es el submenu que aparece cuando pinchamos en
> "Nuestra
> > entidad".
> >
> > espero que te sirvan los ejemplos,
> > un saludo,
> > A:-)
> >
> >
> >
> > -----Mensaje original-----
> > De: typo3-ug-spain-bounces at lists.netfielders.de [mailto:
> > typo3-ug-spain-bounces at lists.netfielders.de] En nombre de Carmen
> Navarrete
> > Enviado el: viernes, 04 de enero de 2008 0:26
> > Para: typo3-ug-spain at lists.netfielders.de
> > Asunto: [TYPO3-UG Spain] Menú y submenú vertical
> >
> > buenas noches,
> > en primer lugar, quería presentarme ya que es la primera vez que escribo
> > en esta lista. Me llamo Carmen Navarrete, trabajo para la UAM y durante
> > estas dos últimas semanas he estado intentando hacer una página con
> Typo3.
> > Durante mucho tiempo he usado Joomla (inicialmente mambo) como CMS y
> conozco
> > un poco la herramienta Plone. Empecé a leer sobre este Typo3 y me
> pareció
> > interesante probarlo.
> >
> > Durante estos días, leyendo la más que extensa documentación que hay
> sobre
> > este proyecto, he podido "levantar" el sitio web y dar los primeros
> pasos.
> > Me creé un CSS (basado en el tempate corporate_slave) y un template en
> > HTML para probarlo. Instalé la extensión de TemplaVoilà y "mapeé" el
> > main-content y el main-menú (menú vertical a izquierdas). Ahora estoy
> > intentando añadirle a ese menú subopciones, pero hay algo (por supuesto)
> que
> > estoy haciendo mal.
> > Por muchas vueltas que le he dado, muchos cambios que he hecho, y mucha
> > documentación, no consigo tener un "submenú".
> >
> > Mi CSS actualmente es este:
> >
> > body{
> > background:#FFFFFF;
> > margin:9px;
> > font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
> > color:#666666; }
> >
> > A:link{ color:#999999; text-decoration:none; } A:hover{ color:#6C8EFF;
> > text-decoration:underline; } A:active{ color:#999999;
> text-decoration:none;
> > } A:active:hover{ color:#6C8EFF; text-decoration:underline; } A:visited{
> > color:#999999; text-decoration:none; } A:visited:hover{ color:#6C8EFF;
> > text-decoration:underline; }
> >
> > #wrap{
> > width:1100px;
> > margin-left:auto;
> > margin-right:auto;
> > }
> >
> > #sidebar{
> > float:left;
> > text-align:left;
> > width:150px;
> > }
> >
> > #container{
> > width:900px;
> > margin-left:160px;
> > border-left:#CCCCCC 1px solid;
> > }
> >
> > #content1{
> > width:860px;
> > padding:20px;
> > float:left;
> > text-align:justify;
> > }
> >
> > h3{
> > text-align:right;
> > color:#6C8EFF;
> > font-size:14pt;
> > font-weight:bold;
> > }
> >
> > h2{
> > text-align:right;
> > color:#6C8EFF;
> > font-size:18pt;
> > font-weight:bold;
> > }
> >
> > #title{
> > height:120px;
> > margin-top:30px;
> > border-bottom:#CCCCCC 1px solid;
> > text-align:right;
> > font-size:12pt;
> > letter-spacing:-1px;
> > color:#6C8EFF;
> > }
> >
> > #footer{
> > text-align:center;
> > font-size:10px;
> > height:30px;
> > margin-top:10px;
> > border-top:#CCCCCC 1px solid;
> > text-transform:lowercase;
> > }
> >
> > #navlist
> > {
> > padding: 0 1px 1px;
> > margin-left: 0;
> > font: bold 12px Verdana, sans-serif;
> > background:#F3F3F3;
> > width: 13em;
> > }
> >
> > #navlist li
> > {
> > list-style: none;
> > margin: 0;
> > border-top:#CCCCCC 1px solid;
> > text-align: right;
> > }
> >
> > #navlist li a
> > {
> > display: block;
> > padding: 0.25em 0.5em 0.25em 0.75em;
> > background: #F3F3F3;
> > text-decoration: none;
> > }
> >
> > #navlist li a:link { color: #6C8EFF; }
> > #navlist li a:visited { color: #999999; }
> >
> > #navlist li a:hover
> > {
> > border-color: #FE3;
> > color: #666666;
> > background: #FFFFFF;
> > }
> >
> > #navlist2
> > {
> > padding: 0 1px 1px;
> > margin-left: 0;
> > font: bold 12px Verdana, sans-serif;
> > background:#F3F3F3;
> > width: 13em;
> > }
> >
> > #navlist2 li
> > {
> > list-style: none;
> > margin: 0;
> > border-top:#CCCCCC 1px solid;
> > text-align: right;
> > }
> >
> > #navlist2 li a
> > {
> > display: block;
> > padding: 0.25em 0.5em 0.25em 0.75em;
> > background: #F3F3F3;
> > text-decoration: none;
> > }
> >
> > #navlist2 li a:link { color: #6C8EFF; }
> > #navlist li a:visited { color: #999999; }
> >
> > #navlist2 li a:hover
> > {
> > border-color: #FE3;
> > color: #666666;
> > background: #FFFFFF;
> > }
> >
> > Y mi setup sería este:
> >
> > ib.mainMenu = HMENU
> > lib.mainMenu.entryLevel = 0
> > lib.mainMenu.wrap = <ul id="navlist">|</ul>
> > lib.mainMenu.1 = TMENU
> > lib.mainMenu.1.NO {
> > linkWrap = <li>|</li>
> > }
> >
> > lib.subMenu = HMENU
> > lib.subMenu.entryLevel = 1
> > lib.subMenu.wrap = <ul id="navlist2">|</ul>
> > lib.subMenu.1 = TMENU
> > lib.subMenu.1.NO {
> >      linkWrap = <li>|</li>
> > }
> >
> > config.spamProtectEmailAddresses = 1
> >
> > page = PAGE
> > page.typeNum = 0
> > page.10 = USER
> > page.10.userFunc = tx_templavoila_pi1->main_page
> >
> >
> > El resultado es el que se puede ver en http://tea.ii.uam.es/~carmen
> >
> > Mi idea sería poder, por ejemplo, todo el contenido de "products" poder
> > ponerlo como subopciones de la opción "Products" del menú. Pero eso es
> > justamente lo que no consigo.
> >
> > Estaría muy agradecida si pudieran ayudarme en este primer problema que
> me
> > he encontrado.
> >
> > Un cordial saludo y gracias por adelantado.
> > --
> > Como dijo el sabio,
> > vayas donde vayas,
> > ahí estarás
> > _______________________________________________
> > TYPO3-UG-spain mailing list
> > TYPO3-UG-spain at lists.netfielders.de
> > http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-spain
> > _______________________________________________
> > TYPO3-UG-spain mailing list
> > TYPO3-UG-spain at lists.netfielders.de
> > http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-spain
> >
>
>
>
> --
> Como dijo el sabio,
> vayas donde vayas,
> ahí estarás
> _______________________________________________
> TYPO3-UG-spain mailing list
> TYPO3-UG-spain at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-spain
>



-- 
Como dijo el sabio,
vayas donde vayas,
ahí estarás

More information about the TYPO3-UG-spain mailing list