RESOLVIDO - Sufixo de classe para Menu vertical Lateral

Meus caros.


como criar um sufixo de classe para um menu vertical na lateral direita?


Sei que tenho que criar os estilos mas não sei como inserir no módulo do menu.

Se alguém tiver uma dica de como se faz passo-a-passo...



abraços,

Spinelli

Vai em Extensões » Administrar Módulo e edita o módulo do Menu.

Nos parâmetros...

( ^^)

Oi!

Valeu, mas talvez não tenha me expressado corretamente.


O que quero saber é se é só criar um estilo com a UL LI .... e salvar no template.css.


Supodo que crio os estilos para este menu e o nomeio com uma classe tipo

" .menu-dir "

como faço para inserir corretamente nos parametros.

qual o formato?

apenas digito

menu-dir

-menu-dir

_menu-dir...

é isso..

se crio os estilos, crio o modulo para a posição da direita como configuro os parametros.


Tomara que tenha conseguido explicar...


abraços,

Spinelli

spinelli escreveu: Tomara que tenha conseguido explicar...

Na verdade, ainda não ficou claro mas tudo bem.

1. Sufixo de Classe do Menu : -dir

O código gerado é
2. Sufixo de Classe do Módulo : -dir

O código gerado é

É isso?

( ^^)

Caro Elvisvinicius.


Me perdoe a redundância e a mal compreensão. Tenho certeza que no momento em que conseguir vou me dar tapas na cara.

Mas é assim:


Quero estilizar um menu que ficara do lado direito apenas para alguns conteúdos.

Segue o estilo:



/*

---

*/

.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #A8C7CF url(../images/style1/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #A8C7CF;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

/*

---

*/


Dúvida:


Lá nos parâmetros, como confiduro e com qual terminação?

Seria -urbangreymenu por exemplo?

Tomara que tenha sido mais claro!!


grato,

abraços,

Spinelli