[TYPO3-UG Spain] Menú y submenú vertical
Ainhize Akesolo (ST3 Elkartea)
aakesolo at st3elkartea.net
Fri Jan 4 09:31:38 CET 2008
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
More information about the TYPO3-UG-spain
mailing list