RESOLVIDO - Sufixo de classe para Menu vertical Lateral

Walkus
Offline
JCB! Hero

Mais

15 anos 1 mês atrás #1552 por Walkus

Walkus replied the topic: Re: Sufixo de classe para Menu vertical Lateral

spinelli;

Se for o que eu entendi, crie um novo menu, ou pegue um que já esteja pronto e personalize da forma que deseja criando seus novos links p/ os conteúdos desejados e posicione-o à direita de seu site.

Espero ter ajudado.

Abç

[color=#FF0000:1fjd1yw0][b:1fjd1yw0]>>> NÃO RESPONDO[/b:1fjd1yw0] dúvidas por MSN/MP/E-mail, somente em casos de extrema URGÊNCIA <<<[/color:1fjd1yw0][color=#008000:1fjd1yw0] ####[/color:1fjd1yw0] Obrigado
[color=#0000BF:1fjd1yw0]##[/color:1fjd1yw0][color=#8000FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF00FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF4040:1fjd1yw0]##[/color:1fjd1yw0][color=#FFBF00:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#BFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0]www.[/b:1fjd1yw0][/color:1fjd1yw0][color=#FF0000:1fjd1yw0][b:1fjd1yw0]wa[/b:1fjd1yw0][/color:1fjd1yw0][color=#000000:1fjd1yw0]master[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0].com.br[/b:1fjd1yw0][/color:1fjd1yw0] [color=#FFFFBF:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF40:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#008000:1fjd1yw0]##[/color:1fjd1yw0]

Please Entrar ou Registrar to join the conversation.

elvisvinicius
Offline
JCB! Hero

Mais

15 anos 1 mês atrás #1561 por elvisvinicius

elvisvinicius replied the topic: Re: Sufixo de classe para Menu vertical Lateral

spinelli escreveu: 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.

Oi amigo, mas foi o que respondi anteriormente.

Olha, vou tentar ilustrar como funciona isso no Joomla:
LARANJA = Classe CSS Padrão do Joomla.
VERDE = Sufixo da classe CSS adicionada.

1. Sufixo de Classe do Menu :
Acidiona nesse parâmetro, por exemplo: -dir

O código gerado no template é:
ul.menu-dir

2. Sufixo de Classe do Módulo :
Acidiona nesse parâmetro, por exemplo: -dir

O código gerado no template é:
div.moduletable-dir

Exemplo do código gerado com os sufixos anteriores:

<div class="moduletable-dir">
	<ul class="menu-dir">
		<li class="Itemid1">
			<a><span>MENU 1</span></a>
		</li>
		<li class="Itemid2">
			<a><span>MENU 2</span></a>
		</li>
		<li class="Itemid3">
			<span class="separator">SEPARADOR<span></span>></span></a>
		</li>
		<li id="current" class="Itemid4 active">
			<a><span>MENU DA PAGINA ATUAL</span></a>
		</li>
	</ul>
</div>

---
ADAPTANDO seu CSS:

2. Sufixo de Classe do Módulo :
Configure nesse parâmetro: -urbangreymenu

Código CSS adaptado (precisa de revisão e mais adaptação):

div.moduletable-urbangreymenu {
	width: 190px; /*width of menu*/
}
div.moduletable-urbangreymenu h3 { /*ERA .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*/
}
div.moduletable-urbangreymenu ul.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
div.moduletable-urbangreymenu ul.menu li {
	padding-bottom: 2px; /*bottom spacing between menu items*/
}
div.moduletable-urbangreymenu ul.menu 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;
}
div.moduletable-urbangreymenu ul.menu li a:visited {
	color: black;
}
div.moduletable-urbangreymenu ul.menu li a:hover { /*hover state CSS*/
	color: white;
	background: black;
}

/* TRABALHAR ESTAS REGRAS *****************************************************/

div.moduletable-urbangreymenu ul.menu li a span { /* SPAN DENTRO DOS LINKS */
	color: black;
}
div.moduletable-urbangreymenu ul.menu li#active.current a span { /* ITEM DE MENU DA PAGINA ATUAL */
	color: black;
}

Certo?
Retorne se deu certo ou se era isso que precisava.

Abs.

( ^^)

Please Entrar ou Registrar to join the conversation.

spinelli
Autor do Tópico
Offline
JCB! Senior

Mais

15 anos 1 mês atrás #1581 por spinelli

spinelli replied the topic: Re: Sufixo de classe para Menu vertical Lateral

Veja as imagens dos paranetros configurados e a tela com a imagem de como aparece o menu na lateral topo direita.

grato,

Spinelli

Anexos:

Please Entrar ou Registrar to join the conversation.

elvisvinicius
Offline
JCB! Hero

Mais

15 anos 1 mês atrás #1588 por elvisvinicius

elvisvinicius replied the topic: Re: Sufixo de classe para Menu vertical Lateral

Que código está usando para chamar o módulo no template?

Cola aqui o código HTML gerado.

( ^^)

Please Entrar ou Registrar to join the conversation.

spinelli
Autor do Tópico
Offline
JCB! Senior

Mais

15 anos 1 mês atrás #1591 por spinelli

spinelli replied the topic: Re: Sufixo de classe para Menu vertical Lateral

Olha!

Não quero parecer pentelho... mas ja vasculhei o google e ainda bem que consegui vossa atenção.

obrigado!

Segue o html especifico:

<div id="rightcol2">

<div class="sameheight">

<div class="inner">
<div class="module-urbangreymenu">
<div>

<div>
<div>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr ><td><a href="/hopedagem-de-sites" class="mainlevel" >hopedagem de sites</a></td></tr>
<tr ><td><a href="/hospedgem-especial" class="mainlevel" >Hospedgem especial</a></td></tr>
</table> </div>

abraços,

Spinelli

Please Entrar ou Registrar to join the conversation.

Joomla Templates Best Joomla Templates Premium Joomla Templates Free Joomla Templates