[TYPO3-UG Spain] Menú y submenú vertical
Carmen Navarrete
carmen.navarrete at gmail.com
Fri Jan 4 11:14:42 CET 2008
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&L=" class="actual">Nuestra
> entidad</a></li>
> <li><a href="index.php?id=1210pos&L=" >Organismos</a></li>
> </ul>
> </div>
>
> <div id="submenu">
> <ul class="submenu">
> <li><a href="index.php?id=1220&L="
> class="actual">Información general</a></li>
> <li><a href="index.php?id=1302&L=" >Dónde
> estamos</a></li>
> <li><a href="index.php?id=1221&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
More information about the TYPO3-UG-spain
mailing list