Separador em Menu de Topo [Resolvido]

  • lucascatani
  • Avatar de lucascatani Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
15 anos 4 meses atrás #32040 por lucascatani
lucascatani created the topic: Separador em Menu de Topo [Resolvido]
Boa tarde, gostaria de saber como colocar um separador entre os itens do menu superior o site que estou fazendo.

O Template é themza_j15_39.


Aguardo anciosamente!

Lucas Catani
[b:1bmpfj72]Blog[/b:1bmpfj72]: <!-- m --><a class="postlink" href=" www.l9web.com.br/blog/ " onclick="window.open(this.href);return false;"> www.l9web.com.br/blog/ </a><!-- m -->
[b:1bmpfj72]MSN:[/b:1bmpfj72] <!-- e --><a href="Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.">Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</a><!-- e -->
[b:1bmpfj72]L9WEB | WEBSITES[/b:1bmpfj72] <!-- m --><a...

Please Entrar ou Registrar to join the conversation.


Mais
15 anos 4 meses atrás #32045 por hurry
hurry replied the topic: Re: Separador em Menu de Topo (Horizontal)
Cara vai em administrar modulos, Main Menu, Parâmetros Avançados, em Espaçador vc coloca | e Espaçador final | salva e pronto isto no mod_mainmenu nativo do joomla se usar um componente menu naum nativo provavelmente deve ter esta opção tb .

dica do Hurry presciona o Alt+1234 = a |


Abraços (pdt) <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->

Please Entrar ou Registrar to join the conversation.

  • lucascatani
  • Avatar de lucascatani Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
15 anos 4 meses atrás #32060 por lucascatani
lucascatani replied the topic: Re: Separador em Menu de Topo (Horizontal)
Cara não deu certo... Não aparece o separador... tem algo no CSS que dê pra fazer?

Lucas Catani
[b:1bmpfj72]Blog[/b:1bmpfj72]: <!-- m --><a class="postlink" href=" www.l9web.com.br/blog/ " onclick="window.open(this.href);return false;"> www.l9web.com.br/blog/ </a><!-- m -->
[b:1bmpfj72]MSN:[/b:1bmpfj72] <!-- e --><a href="Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.">Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</a><!-- e -->
[b:1bmpfj72]L9WEB | WEBSITES[/b:1bmpfj72] <!-- m --><a...

Please Entrar ou Registrar to join the conversation.

Mais
15 anos 4 meses atrás #32079 por hurry
hurry replied the topic: Re: Separador em Menu de Topo (Horizontal)
estranho qual versão do Joomla vc ta usando e se der Manda o css do menu! <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->

Please Entrar ou Registrar to join the conversation.

  • lucascatani
  • Avatar de lucascatani Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
15 anos 4 meses atrás #32082 por lucascatani
lucascatani replied the topic: Re: Separador em Menu de Topo (Horizontal)
JOOMLA 1.15.17

CSS:
#topnav{ height: 54px; width:980px; margin: 0px; padding:0px; font-weight: bold; }
#topnav ul { margin: 0px 0px 0px 18px; padding: 0; width: auto; float: left; list-style-type:none; }
#topnav ul li{ margin: 0; padding: 0; height: 54px; float: left; position: relative; }
#topnav ul li a{ color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 14px 10px 0px 10px; height:40px; display: block; float: left; }
#topnav ul li a:hover{ background-color: #444444; text-decoration: none; font-weight: bold; color: #fff; }
#topnav ul li ul ul { margin: -50px 0 0 11em; }
#topnav ul li li { width:auto; height: 35px; }
#topnav ul li li a { color: #FFFFFF; text-transform: none; display: block; background: none; width: 277px; border-top: 1px solid #DDDDDD; border-left: 0px; padding: 9px 10px 6px 10px; height:20px; }
#topnav ul li li a:hover{ background: none; background-color: #333333; left: 0; width: 277px; padding: 9px 10px 6px 10px; height:20px; border-top: 1px solid #DDDDDD; }
#topnav ul li ul { left: -999em; top: 54px; left: 0; display: block; height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }
#topnav ul li:hover ul ul, #topnav ul li:hover ul ul ul { left: -999em; }
#topnav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li li li:hover ul { left: auto; }
#topnav{ background: #FFFFFF url(../images/blue/top_menu_bg.png) top no-repeat; }
#topnav ul li a:hover{ background: #007D2F; }
#topnav ul li a.active{ background: #046A9B; }
#topnav ul li li { background: #046A9B; KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }
#topnav ul li li a:hover{ background: #0E192D; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }

Lucas Catani
[b:1bmpfj72]Blog[/b:1bmpfj72]: <!-- m --><a class="postlink" href=" www.l9web.com.br/blog/ " onclick="window.open(this.href);return false;"> www.l9web.com.br/blog/ </a><!-- m -->
[b:1bmpfj72]MSN:[/b:1bmpfj72] <!-- e --><a href="Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.">Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</a><!-- e -->
[b:1bmpfj72]L9WEB | WEBSITES[/b:1bmpfj72] <!-- m --><a...

Please Entrar ou Registrar to join the conversation.