Alinhar os módulos 'search' e breadcrumbs no topmenu

ariadneduvessa
Autor do Tópico
Offline
JCB! Junior

Mais

16 anos 2 meses atrás #11787 por ariadneduvessa

ariadneduvessa created the topic: Alinhar os módulos 'search' e breadcrumbs no topmenu

Boa noite a todos,

gostaria da ajuda de vcs para colocar em meu topmenu, os módulos breadcrumbs e search (como é aqui no fórum JCB). Os dois já estão instalados e funcionando (o breadcrumbs inclusive, perfeitamente). Mas, em posições diferentes (o breadcrumbs no topo e o 'search' na direita). Se eu apenas mudar pelo cPainel do Joomla, ele fica alinhado verticalmente (isso um em cima do outro, no topo). E como estou iniciando no PHP (manjo mais de CSS), gostaria da ajuda dos programadores 'de plantão'! <img src="{SMILIES_PATH}/icon_redface.gif" alt="

" title="Envergonhado" />

Abraços,

[b:2u81uzhp]@ariadnepinheiro[/b:2u81uzhp]
Member of the [b:2u81uzhp]Brazilian Portuguese Joomla Translation Team[/b:2u81uzhp]
Member and Owner of [b:2u81uzhp]J! Brasil[/b:2u81uzhp] url:2u81uzhp]http://www.joomla.com.br[/url:2u81uzhp and [b:2u81uzhp]JUG RJ[/b:2u81uzhp] url:2u81uzhp]http://www.joomlariodejaneiro.com.br[/url:2u81uzhp

Please Entrar ou Registrar to join the conversation.

Kleberson Kavalo
Offline
JCB! Master

Mais

16 anos 2 meses atrás #11817 por Kleberson Kavalo

Kleberson Kavalo replied the topic: Re: Alinhar os módulos 'search' e breadcrumbs no topmenu

Ariadne,
Tudo bem?
Vamos lá:
Primeiro, você precisa saber qual é a posição do seu Template que fica no TOPO (conforme orientações abaixo), cada template tem sua redefinição estrutural e não quer dizer que "Bottom" sempre vai ficar em baixo ou "Top" sempre em cima, ...já peguei templates que o "Left" ficava na direita e não tinha Right! Seguem as instruções:

1º) &#91;Extensões&#93; + &#91;Administrar Tema&#93; + {seu Template} + &#91;pré-visualizar&#93;
2º) Pegue o nome da posição que ficar no topo do seu Template (vamos usar o nome fictício de "PosTOPO")
3º) Vá em  &#91;Extensões&#93; + &#91;Administrar Módulo&#93; + &#91;breadcrumbs&#93; e escolha a  posição {PosTOPO}
4º) faça o mesmo com o Search
Porém, o topo de seu formulário vai ficar com um objeto em cima do outro, o que, muito provavelmente você não deseja. Para que fiquem os dois na mesma linha e devidamente alinhados, o template tem que ter dois DIVS com suas respectivas POSIÇÕES dividindo o topo do design, caso não seja o seu caso, ...vc tem a opção de alterar na mão mesmo, abrindo o index.php e mudando do div do {PosTOPO} (dividindo-o em dois) e, associando uma POSIÇÂO não utilizada pelo template!

Pronto!!!

Grande abraço e seja bem vinda ao nosso Clube JCB!!! <img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" />

Não esqueça de voltar aqui e postar sua experiência e resultado do ocorrido, estamos aqui para lhe ajudar!!!

[b:37z5onsw]Kleberson Rocha[/b:37z5onsw]
Portais Consultoria ([url:37z5onsw]http://www.portaisconsultoria.com.br[/url:37z5onsw]), desenvolvendo soluções na WEB!
- [color=#0080FF:37z5onsw]Sozinho, desenvolvo mais rápido, porém, [b:37z5onsw]juntos[/b:37z5onsw], chegaremos mais longe[/color:37z5onsw]!
- [color=#0000BF:37z5onsw]Concluindo sua dúvida, favor alterar o [u:37z5onsw]Assunto do Tópico[/u:37z5onsw]: de "[b:37z5onsw][i:37z5onsw]Sua Dúvida[/i:37z5onsw]...[/b:37z5onsw]" p/...

Please Entrar ou Registrar to join the conversation.

ariadneduvessa
Autor do Tópico
Offline
JCB! Junior

Mais

16 anos 2 meses atrás #11827 por ariadneduvessa

ariadneduvessa replied the topic: Re: Alinhar os módulos 'search' e breadcrumbs no topmenu

Olá kleberson!

Rapaz, os itens 1º, 2º e 3º eu já tinha feito (numa boa)... o 4º eu 'tomei uma surra' e não consegui... <img src="{SMILIES_PATH}/icon_mad.gif" alt="

" title="Furioso" /> (acredito que seja pela minha inexperiência no PHP).

Pra ilustrar melhor o que aconteceu, vou por umas imagens (a criação está local):

Como está

Como fica (sem as alterações no index.php, que eu não consegui fazer como explicado acima)

Acredito que com o código, vc poderia me dizer como e onde devo por tal div (a única coisa que consegui foi duplicar o resultado - como aparece na segunda imagem...). Segue o código (só a parte do topmenu, nesse template 'topw'):

<div id="topw">
	<div class="pill_m">
		<div id="pillmenu" class="clearfix">
			<table cellpadding="0" cellspacing="0">
				<tr>
					<td style="text-align: left; vertical-align: middle;">
						<jdoc:include type="modules" name="top" />
						<div class="clr"></div>
					</td>                      
				</tr>
			</table>
		</div>
	</div>
</div>

E, Obrigada pelas boas-vindas!

Estou gostando bastante do fórum, das dicas e tudo o mais que vc oferecem. <img src="{SMILIES_PATH}/icon_redface.gif" alt="

" title="Envergonhado" />

Abraços,

Please Entrar ou Registrar to join the conversation.

Kleberson Kavalo
Offline
JCB! Master

Mais

16 anos 2 meses atrás #11883 por Kleberson Kavalo

Kleberson Kavalo replied the topic: Re: Alinhar os módulos 'search' e breadcrumbs no topmenu

Minha linda,
Primeiro, você tem que ter uma POSIÇÃO que não está utilizando neste Template, vamos usar a "user10" (quase não usam ela),
vou sugerir um novo DIV e uma nova coluna TD na Table, mas só você testando para ver se vai funcionar (estou fazendo de cabeça, sem ferramenta e já são mais de meia-noite), testa e volta aqui! ...segue somente o "miolo" do seu código

Primeira Sugestão (incluindo um novo DIV)
Tirei o (style="text-align: left; vertical-align: middle;") do TD para não alinhar os DIVs

          ...
           <tr>
               <td>
                    <jdoc:include type="modules" name="top" />
                            <div class="clr">
                             </div>
                    <jdoc:include type="modules" name="user10" />
                            <div class="clr">
                            </div>
               </td> 
           <tr>
     ...

Segunda Sugestão (incluindo uma nova coluna na tabela)

          ...
           <tr>
               <td width="80%" style="text-align: left; vertical-align: middle;">
                    <jdoc:include type="modules" name="top" />
                            <div class="clr">
                             </div>
               </td> 
               <td width="20%" style="text-align: rigth; vertical-align: middle;">
                    <jdoc:include type="modules" name="user10" />
                            <div class="clr">
                             </div>
               </td>
           <tr>
     ...

Lembra que, em funcionando esta sugestão, ...o Search vai ficar no User10!!!

Acho que esta segunda vai funcionar!
Percebe que eu criei nova coluna, alinhei a primeira para esquerda em 80% da linha e a segunda, alinhada a direita e com 20% da linha, ...vamos ver se vai funcionar!
Faça o Backup, ...teste as opções sugeridas e volte aqui, Estamos no aguardo!
Grande abraço

Please Entrar ou Registrar to join the conversation.

ariadneduvessa
Autor do Tópico
Offline
JCB! Junior

Mais

16 anos 2 meses atrás #11952 por ariadneduvessa

ariadneduvessa replied the topic: [RESOLVIDO] Alinhar os módulos 'search' e breadcrumbs no top

Oi Kleberson!

Realmente, a sua SEGUNDA SUGESTÃO foi a que funcionou (a primeira não alinhou)! <img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" />

Olha como ficou:

E ainda serviu pra resolver um problema de alinhamento que eu estava tendo no meu rodapé!

Fiz umas poukas modificações pra ficar como na imagem (segue o código):

...
   <td width="120%" style="text-align: left; vertical-align: middle;">
      <jdoc:include type="modules" name="topleft" />
         <div class="clr"></div>
   </td>
   <td width="20%" style="text-align: right; vertical-align: middle;">
      <jdoc:include type="modules" name="topright" />
         <div class="clr"></div>
   </td>
...

Obrigada, 'salvou' uma criatura desesperada. <img src="{SMILIES_PATH}/icon_razz.gif" alt="

" title="Legal" />

Abraços, e mais uma vez, obrigada!

Please Entrar ou Registrar to join the conversation.

Joomla Templates Best Joomla Templates Premium Joomla Templates Free Joomla Templates