- Postagens: 153
- Obrigados Recebidos: 0
Modulo de pesquisa no Top menu
- chicaogeek
-
Autor do Tópico
- Offline
- JCB! Professional
-
Menos
Mais
14 anos 11 meses atrás #40331
por chicaogeek
[color=#0000FF:e9v2oskd][b:e9v2oskd]Porque ajudando também se aprende![/b:e9v2oskd] [/color:e9v2oskd]
[color=#FF0000:e9v2oskd][b:e9v2oskd]Faça parte do movimento:[/b:e9v2oskd]"[b:e9v2oskd]Coloque[/b:e9v2oskd][/color:e9v2oskd] [color=#0000FF:e9v2oskd][b:e9v2oskd][RESOLVIDO][/b:e9v2oskd][/color:e9v2oskd] [color=#FF0000:e9v2oskd][b:e9v2oskd]no seu post!"[/b:e9v2oskd][/color:e9v2oskd]
chicaogeek created the topic: Modulo de pesquisa no Top menu
Olá moçada, depois de um tempinho estamos de volta, o problema o seguinte: estou utilizando este template mencionado abaixo e por padrao o modulo de pesquisa fica na posição user4, que fica lá no topo da página (lugar estranho pra por pesquisa,rsrs) e eu gostaria de colocar o modulo no top menu do lado direito, que na minha opiniao ficaria mais elegante, já testei as outras posições mas nenhuma aproximou do resultado que eu queria, mexendo no css consegui colocar a posição user4 no Top menu do jeito que eu quero, mas a partir daí o modulo de pesquisa parece que fica atrás do Top menu, pq nao permite inserir nenhum texto no modulo para pesquisar, segue abaixo o link do template para visualizar e para baixar caso necessário e o trecho do css referente à posição do modulo:
Visualizar ou baixar template:
http://joomla15.siteground.com/index.ph ... und-j15-84
Trecho do css da posiçao do modulo de pesquisa:
#search {
padding:225px 0 0 790px;[color=#FF0000:3bstoanv](Aki alterei os valores até ficar na posição do TopMenu)[/color:3bstoanv]
height:20px;
width:172px;
background: transparent url(../images/search_bg.jpg) repeat top right;
}
.search {
width:172px;
}
.search .inputbox {
float:left;
border: none;
color: #21516c;
font-size:11px;
line-height:14px;
width:141px;
height:16px;
padding:2px 4px 2px;
background: transparent url(../images/inputbox.png) no-repeat top left;
}
.search .button {
float:left;
margin:0;
width:26px;
height:20px;
padding:0;
text-indent:-9999px;
background: transparent url(../images/search_but.gif) top left no-repeat;
}
Vlw.
Visualizar ou baixar template:
http://joomla15.siteground.com/index.ph ... und-j15-84
Trecho do css da posiçao do modulo de pesquisa:
#search {
padding:225px 0 0 790px;[color=#FF0000:3bstoanv](Aki alterei os valores até ficar na posição do TopMenu)[/color:3bstoanv]
height:20px;
width:172px;
background: transparent url(../images/search_bg.jpg) repeat top right;
}
.search {
width:172px;
}
.search .inputbox {
float:left;
border: none;
color: #21516c;
font-size:11px;
line-height:14px;
width:141px;
height:16px;
padding:2px 4px 2px;
background: transparent url(../images/inputbox.png) no-repeat top left;
}
.search .button {
float:left;
margin:0;
width:26px;
height:20px;
padding:0;
text-indent:-9999px;
background: transparent url(../images/search_but.gif) top left no-repeat;
}
Vlw.
[color=#0000FF:e9v2oskd][b:e9v2oskd]Porque ajudando também se aprende![/b:e9v2oskd] [/color:e9v2oskd]
[color=#FF0000:e9v2oskd][b:e9v2oskd]Faça parte do movimento:[/b:e9v2oskd]"[b:e9v2oskd]Coloque[/b:e9v2oskd][/color:e9v2oskd] [color=#0000FF:e9v2oskd][b:e9v2oskd][RESOLVIDO][/b:e9v2oskd][/color:e9v2oskd] [color=#FF0000:e9v2oskd][b:e9v2oskd]no seu post!"[/b:e9v2oskd][/color:e9v2oskd]
Please Entrar ou Registrar to join the conversation.
- Acimar Rocha
-
- Offline
- JCB! Geek
-
14 anos 11 meses atrás #40365
por Acimar Rocha
Acimar Rocha -[color=#0080FF:36wlu71r] [url:36wlu71r]http://www.webpositiva.com.br[/url:36wlu71r][/color:36wlu71r]
[i:36wlu71r][color=#400000:36wlu71r]Você não pode ter tudo... Onde você colocaria?[/color:36wlu71r][/i:36wlu71r]
Acimar Rocha replied the topic: Re: Modulo de pesquisa no Top menu
Olá,
Acho que funcionaria melhor se vc realmente trocasse a div de lugar.
No index.php, mova a div search para dentro da div pillmenu. Depois vc ajeita o css.
Abraço
Acho que funcionaria melhor se vc realmente trocasse a div de lugar.
No index.php, mova a div search para dentro da div pillmenu. Depois vc ajeita o css.
Abraço
Acimar Rocha -[color=#0080FF:36wlu71r] [url:36wlu71r]http://www.webpositiva.com.br[/url:36wlu71r][/color:36wlu71r]
[i:36wlu71r][color=#400000:36wlu71r]Você não pode ter tudo... Onde você colocaria?[/color:36wlu71r][/i:36wlu71r]
Please Entrar ou Registrar to join the conversation.
- chicaogeek
-
- Offline
- JCB! Professional
-
Menos
Mais
- Postagens: 153
- Obrigados Recebidos: 0
14 anos 11 meses atrás #40372
por chicaogeek
[color=#0000FF:e9v2oskd][b:e9v2oskd]Porque ajudando também se aprende![/b:e9v2oskd] [/color:e9v2oskd]
[color=#FF0000:e9v2oskd][b:e9v2oskd]Faça parte do movimento:[/b:e9v2oskd]"[b:e9v2oskd]Coloque[/b:e9v2oskd][/color:e9v2oskd] [color=#0000FF:e9v2oskd][b:e9v2oskd][RESOLVIDO][/b:e9v2oskd][/color:e9v2oskd] [color=#FF0000:e9v2oskd][b:e9v2oskd]no seu post!"[/b:e9v2oskd][/color:e9v2oskd]
chicaogeek replied the topic: Re: Modulo de pesquisa no Top menu
Vlw Overseas, ,vou testar, caso funcione reporto aki, grande abraço. <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->
[color=#0000FF:e9v2oskd][b:e9v2oskd]Porque ajudando também se aprende![/b:e9v2oskd] [/color:e9v2oskd]
[color=#FF0000:e9v2oskd][b:e9v2oskd]Faça parte do movimento:[/b:e9v2oskd]"[b:e9v2oskd]Coloque[/b:e9v2oskd][/color:e9v2oskd] [color=#0000FF:e9v2oskd][b:e9v2oskd][RESOLVIDO][/b:e9v2oskd][/color:e9v2oskd] [color=#FF0000:e9v2oskd][b:e9v2oskd]no seu post!"[/b:e9v2oskd][/color:e9v2oskd]
Please Entrar ou Registrar to join the conversation.
- chicaogeek
-
- Offline
- JCB! Professional
-
Menos
Mais
- Postagens: 153
- Obrigados Recebidos: 0
14 anos 11 meses atrás #40375
por chicaogeek
[color=#0000FF:e9v2oskd][b:e9v2oskd]Porque ajudando também se aprende![/b:e9v2oskd] [/color:e9v2oskd]
[color=#FF0000:e9v2oskd][b:e9v2oskd]Faça parte do movimento:[/b:e9v2oskd]"[b:e9v2oskd]Coloque[/b:e9v2oskd][/color:e9v2oskd] [color=#0000FF:e9v2oskd][b:e9v2oskd][RESOLVIDO][/b:e9v2oskd][/color:e9v2oskd] [color=#FF0000:e9v2oskd][b:e9v2oskd]no seu post!"[/b:e9v2oskd][/color:e9v2oskd]
chicaogeek replied the topic: Re: Modulo de pesquisa no Top menu
Overseas, como ficaria o codigo dentro do pillmenu com a div search? Fiquei na duvida se é possivel fazer divs aninhadas. Segue o trecho da div search e do pillmenu que vc falou, se puder colocar como ficaria o codigo corretamente, ficaria grato, grande abraço, <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->
<div id="wrapper">
<div id="header">
<div id="header_wrap">
<div id="search">
<jdoc:include type="modules" name="user4" />
</div>
<div class="clr"></div>
<div id="logo"><h1><a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a></h1></div>
<div id="pillmenu">
<jdoc:include type="modules" name="user3" />
</div>
<div class="clr"></div>
<div class="cpathway">
<jdoc:include type="module" name="breadcrumbs" />
<div class="clr"></div>
</div>
</div>
</div>
</div>
<div id="wrapper">
<div id="header">
<div id="header_wrap">
<div id="search">
<jdoc:include type="modules" name="user4" />
</div>
<div class="clr"></div>
<div id="logo"><h1><a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a></h1></div>
<div id="pillmenu">
<jdoc:include type="modules" name="user3" />
</div>
<div class="clr"></div>
<div class="cpathway">
<jdoc:include type="module" name="breadcrumbs" />
<div class="clr"></div>
</div>
</div>
</div>
</div>
[color=#0000FF:e9v2oskd][b:e9v2oskd]Porque ajudando também se aprende![/b:e9v2oskd] [/color:e9v2oskd]
[color=#FF0000:e9v2oskd][b:e9v2oskd]Faça parte do movimento:[/b:e9v2oskd]"[b:e9v2oskd]Coloque[/b:e9v2oskd][/color:e9v2oskd] [color=#0000FF:e9v2oskd][b:e9v2oskd][RESOLVIDO][/b:e9v2oskd][/color:e9v2oskd] [color=#FF0000:e9v2oskd][b:e9v2oskd]no seu post!"[/b:e9v2oskd][/color:e9v2oskd]
Please Entrar ou Registrar to join the conversation.
- Acimar Rocha
-
- Offline
- JCB! Geek
-
14 anos 11 meses atrás #40376
por Acimar Rocha
Acimar Rocha -[color=#0080FF:36wlu71r] [url:36wlu71r]http://www.webpositiva.com.br[/url:36wlu71r][/color:36wlu71r]
[i:36wlu71r][color=#400000:36wlu71r]Você não pode ter tudo... Onde você colocaria?[/color:36wlu71r][/i:36wlu71r]
Acimar Rocha replied the topic: Re: Modulo de pesquisa no Top menu
Olá,
Isso depend de vc, pode-se fazer de várias formas, desde que se faça os ajustes no css depois. Tanto na div da busca quanto no menu (a largura)
Alguns exemplos:
Abraço
Isso depend de vc, pode-se fazer de várias formas, desde que se faça os ajustes no css depois. Tanto na div da busca quanto no menu (a largura)
Alguns exemplos:
<div id="wrapper">
<div id="header">
<div id="header_wrap">
<div class="clr"></div>
<div id="logo"><h1><a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a></h1></div>
<div id="pillmenu">
<jdoc:include type="modules" name="user3" />
</div>
<div id="search">
<jdoc:include type="modules" name="user4" />
</div>
<div class="clr"></div>
<div class="cpathway">
<jdoc:include type="module" name="breadcrumbs" />
<div class="clr"></div>
</div>
</div>
</div>
</div>
ou
<div id="wrapper">
<div id="header">
<div id="header_wrap">
<div class="clr"></div>
<div id="logo"><h1><a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a></h1></div>
<div id="menu_e_busca"> <!-- Nova div -->
<div id="pillmenu">
<jdoc:include type="modules" name="user3" />
</div>
<div id="search">
<jdoc:include type="modules" name="user4" />
</div>
</div> <!-- Fim Nova div -->
<div class="clr"></div>
<div class="cpathway">
<jdoc:include type="module" name="breadcrumbs" />
<div class="clr"></div>
</div>
</div>
</div>
</div>
ou
<div id="wrapper">
<div id="header">
<div id="header_wrap">
<div class="clr"></div>
<div id="logo"><h1><a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a></h1></div>
<div id="pillmenu">
<jdoc:include type="modules" name="user3" />
<div id="search">
<jdoc:include type="modules" name="user4" />
</div>
</div>
<div class="clr"></div>
<div class="cpathway">
<jdoc:include type="module" name="breadcrumbs" />
<div class="clr"></div>
</div>
</div>
</div>
</div>Abraço
Acimar Rocha -[color=#0080FF:36wlu71r] [url:36wlu71r]http://www.webpositiva.com.br[/url:36wlu71r][/color:36wlu71r]
[i:36wlu71r][color=#400000:36wlu71r]Você não pode ter tudo... Onde você colocaria?[/color:36wlu71r][/i:36wlu71r]
Please Entrar ou Registrar to join the conversation.