Página 1 de 2
Categoria separadas estilo extra - como fazer?
Enviado: 03 Jun 2011, 11:22
por litoralmicros
Bom dia
queria fazer um menu lateral estilo o do Extra, exemplo
CATEGORIAS:
INFORMATICA
Monitores
Cpu
Placas
impressoras
=== um espaço para separar as categorias =====
ELETRONICOS
Televisores
Som automotivo
Home Teater
=== um espaço para separar as categorias =====
TELEFONIA
Celulares
Head Set
Telefones
Não sei se fui claro ..... espero que possam me ajudar
Re: Categoria separadas estilo extra - como fazer?
Enviado: 03 Jun 2011, 11:48
por rochester
Pelo css dá
Como ele agrupa em uls, dá pra vc colocar a ul acima de todos com um background ou mesmo uma borda abaixo.. tem algum exemplo online do menu, só pra eu te ajudar melhor com o css?
Re: Categoria separadas estilo extra - como fazer?
Enviado: 03 Jun 2011, 12:20
por litoralmicros
Obrigado pelo retorno .....
Não entendi bem sua pergunta! ..... não achei um menu exatamente do jeito que quero ..... chega perto o da casasBahia
http://www.casasbahia.com.br/ o menu lateral a esquerda! ....
seria mais ou menos aquilo...
Quero que exemplo
INFORMÁTICA quero por um destaque por uma tabela tipo azul e o texto em Amarelo ...
______________
|Mouse |
|Monitores | Nesta parte onde vai levar ao produto que a pessoa quer (queria borda tipo cinza claro , com fundo branco e as letras em Cinza escuro)
|Gabinetes |
---------------------
No css onde tenho que alterar ?.. da um exemplo
Re: Categoria separadas estilo extra - como fazer?
Enviado: 03 Jun 2011, 12:40
por rochester
Só dá pra dar um exemplo tendo um html como base. Se vc tiver sua loja online fica mais fácil..
Basciamente o q vc vai fazer é, por exemplo, ul li { background: red } ul li li { background: blue }
com isso os itens "pai" vai ficar com fundo vermelho, e os "filho" vai ficar com fundo azul.
Re: Categoria separadas estilo extra - como fazer?
Enviado: 03 Jun 2011, 12:47
por litoralmicros
tenho sim a loja online .....
http://www.litoralmicros.com.br
mas na verdade estou tentando editar a loja como um candidato a aprendiz de programador.......
valeu
Re: Categoria separadas estilo extra - como fazer?
Enviado: 03 Jun 2011, 12:54
por rochester
Edita aí no seu css, a partir da linha 571:
Código: Selecionar todos#category ul {
margin: 0 0 5px; padding: 0; list-style: none;
}
#category li { overflow: hidden; background: #fafafa }
#category li a {
display: block. padding: 2px; margin-bottom:2px;
}
#category ul ul {
padding-left: 15px;
}
#category ul ul a {
font-size: 90%;
background: #fff
}
acho que ja vai dar uma estilizada, aí é só vc ir editando nessa logica..
Re: Categoria separadas estilo extra - como fazer?
Enviado: 03 Jun 2011, 13:14
por litoralmicros
não sei pq, mas não deu muito certo
http://www.litoralmicros.com.br
Re: Categoria separadas estilo extra - como fazer?
Enviado: 03 Jun 2011, 13:21
por rochester
Onde você colocou isso no css?
Não se esqueça, linha 571. Ainda está a declaração antiga lá, remove ela. remove tudo que tenha #category
Re: Categoria separadas estilo extra - como fazer?
Enviado: 06 Jun 2011, 09:24
por litoralmicros
Opa amigo ,.
eu devo ser muito burro, alterei e não mudou ...... mudei até de template .... procurei category e deletei depois adicionei o que vc mandou .....
Re: Categoria separadas estilo extra - como fazer?
Enviado: 06 Jun 2011, 09:40
por rochester
Aqui ele deu uma mudada, removeu o marcado, os itens ficaram mais proximos.. aí é ir editando ao seu gosto.. o q +/- vc queria fazer?