[Suporte] Menu deslizante ou retrátil (Slide Menu)

Suporte à dúvidas gerais relacionadas ao phpBB.
smallbreeds
Membro Intermediá¡rio
Membro Intermediá¡rio
Mensagens: 702
Registrado em: 13 Out 2010, 13:16
Localização: Florianópolis - SC
Contact:

Re: [DICA] Menu deslizante ou retrátil (Slide Menu)

Mensagem por smallbreeds » 18 Set 2011, 22:35

Night Angel escreveu:Na primeira tentatica acima colocando src="{T_THEME_PATH}/styles/seu_estilo/theme/images/home.png"
Não funcionou.
O correto da linha acima seria

Código: Selecionar todos

src="{T_THEME_PATH}/images/home.png"
Sendo que {T_THEME_PATH} já indica a pasta theme de seu estilo.
Shih Tzu Forum | Small Breeds - Shih Tzu Canil | Versatti Móveis Planejados
Não solicite auxílio por MP. Por favor, utilize o Fórum.

Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: [DICA] Menu deslizante ou retrátil (Slide Menu)

Mensagem por robra » 18 Set 2011, 22:39

Night Angel escreveu:Mas..
O problema agora é que as imagens ficaram estaticas..sem o movimento.
Ok.
Abra o arquivo overall_header.html editado e ache as linhas:

Código: Selecionar todos

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>

<link href="style.css" rel="stylesheet" type="text/css" />
Substitua por:

Código: Selecionar todos

<script type="text/javascript" src="http://127.0.0.1/forum/styles/seu_estilo/theme/jquery.js"></script>
<script type="text/javascript" src="http://127.0.0.1/forum/styles/seu_estilo/theme/interface.js"></script>

<link href="http://127.0.0.1/forum/styles/seu_estilo/theme/style.css" rel="stylesheet" type="text/css" />
...lembrando que o texto seu_estilo na linha tem que ser mudado pelo nome do Estilo em uso.

Caso queira encurtar o endereço, siga as instruções do smallbreeds fazendo deste forma:

Código: Selecionar todos

<script type="text/javascript" src="{T_THEME_PATH}/theme/jquery.js"></script>
<script type="text/javascript" src="{T_THEME_PATH}/theme/interface.js"></script>

<link href="{T_THEME_PATH}/theme/style.css" rel="stylesheet" type="text/css" />

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".

Night Angel
Membro Recente
Membro Recente
Mensagens: 262
Registrado em: 26 Mai 2011, 22:54
Localização: Planeta Terra
Contact:

Re: [DICA] Menu deslizante ou retrátil (Slide Menu)

Mensagem por Night Angel » 18 Set 2011, 23:04

Alterações feitas..mas sem resultados (continuam estaticas as imagens)
Imagem

Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: [DICA] Menu deslizante ou retrátil (Slide Menu)

Mensagem por robra » 18 Set 2011, 23:27

Os arquivos style.css, interface.js e jquery.js estão nas pasta styles/seu_estilo/theme ?
(lembrando que o texto seu_estilo na linha tem que ser mudado pelo nome do Estilo em uso.)

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".

Night Angel
Membro Recente
Membro Recente
Mensagens: 262
Registrado em: 26 Mai 2011, 22:54
Localização: Planeta Terra
Contact:

Re: [DICA] Menu deslizante ou retrátil (Slide Menu)

Mensagem por Night Angel » 19 Set 2011, 00:09

robra Aos poucos vc está conseguindo fazer o menu andar..kkk
Finalmente consegui corrigir um erro aqui na hora de editar os arquivos..e funcionou.
Mas..agora estou com duas novas duvidas

1- Como eu faço para alterar o tamanho dos icones?
2- O menu inferior
NÃO fica fixo no footer (fundo da página)
***ver imagem***
http://img822.imageshack.us/img822/4752/unled1ro.jpg
Imagem

Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: [DICA] Menu deslizante ou retrátil (Slide Menu)

Mensagem por robra » 19 Set 2011, 09:35

1- Como eu faço para alterar o tamanho dos icones?
Você pode redimensionar os ícones usando um programa de edição de imagens e depois fazer upload deles para as respectivas pastas. Se você quer tamanhos diferentes entre os botões do menu superior e menu inferior, após redimensioná-los e atribuir nomes diferentes aos ícones, será preciso alterar também os nomes dos ícones nas linhas abaixo do <!--top dock --> no overall_header.html, e do <!--bottom dock --> no overall_footer.html.
2- O menu inferior NÃO fica fixo no footer (fundo da página)
Tem certeza que você incluiu o menu inferior no overall_footer.html ??
Porque está parece que você o colocou no forumlist_body.html.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".

Night Angel
Membro Recente
Membro Recente
Mensagens: 262
Registrado em: 26 Mai 2011, 22:54
Localização: Planeta Terra
Contact:

Re: [DICA] Menu deslizante ou retrátil (Slide Menu)

Mensagem por Night Angel » 19 Set 2011, 20:13

No caso eu queria que os icones ficassem um pouco maiores.
E se eu usar o Ps para isso..eles perdem a qualidade.
Mas..isso é facil de resolver..é só eu fazer o downloads dos icones um pouco maiores..

Tenho absoluita certeza que o menu está no
overall_header.html
Tive que deletar o menu inferior para corrigir o erro.

Agora..
Como eu faço para linkar..os icones a uma área especifica do fórum?
Imagem

Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: [DICA] Menu deslizante ou retrátil (Slide Menu)

Mensagem por robra » 19 Set 2011, 20:29

O menu superior fica no overall_header.html.
O menu inferior fica no overall_footer.html.
Menus diferentes em arquivos diferentes.
Como eu faço para linkar..os icones a uma área especifica do fórum?
A linha dos botões abaixo do <!--top dock -->, no overall_header.html, e abaixo do <!--bottom dock -->, no overall_footer.html, começa com:
<a class="dock-item" href="#">
Em href="#", troque o # pelo link ou url que desejar.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".

Night Angel
Membro Recente
Membro Recente
Mensagens: 262
Registrado em: 26 Mai 2011, 22:54
Localização: Planeta Terra
Contact:

Re: [DICA] Menu deslizante ou retrátil (Slide Menu)

Mensagem por Night Angel » 19 Set 2011, 21:55

Ok..entendido chefia..kkk
Mas..
eu fiz certo o menu superior está no
overall_header.html
e o menu inferior estava no overall_footer.html
o menu superior..tá normal..
mas o menu inferior..estava como na imagem acima..
aparecendo no meio da tela..como se realmente estivesse sido incluido no
index_body.html
EDITADO:
Descobri que para alterar o tamanho dos icones..
é só fazer isso alterando os valores (maxWidth: ) desse codigo aqui:

Código: Selecionar todos

<!--dock menu JS options -->
    <script type="text/javascript">
       
       $(document).ready(
          function()
          {
             $('#dock').Fisheye(
                {
                   maxWidth: 100,
                   items: 'a',
                   itemsText: 'span',
                   container: '.dock-container',
                   itemWidth: 90,
                   proximity: 90,
                   halign : 'center'
                }
             )
             $('#dock2').Fisheye(
                {
                   maxWidth: 100,
                   items: 'a',
                   itemsText: 'span',
                   container: '.dock-container2',
                   itemWidth: 90,
                   proximity: 80,
                   alignment : 'left',
                   valign: 'bottom',
                   halign : 'center'
                }
             )
          }
       );

    </script>
Que encontrase no overall_footer.html

Resultado final / Ver imagem
http://img809.imageshack.us/img809/2893/navb.jpg
Imagem

Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: [DICA] Menu deslizante ou retrátil (Slide Menu)

Mensagem por robra » 19 Set 2011, 22:39

o menu superior..tá normal..
mas o menu inferior..estava como na imagem acima..
aparecendo no meio da tela..como se realmente estivesse sido incluido no
index_body.html
Eu não disse index_body.html, mas sim forumlist_body.html.
Cara... você tá confundindo tudo. Você está sóbrio eu já entornou umas e outras ? Imagem
Imagem
Era só ir mudando as linhas dos ícones em <!--bottom dock --> dentro do overall_footer.html até deixar o Menu inferior na posição desejada na página.
Bem... se você está satisfeito sem o menu inferior, então vamos em frente... veja se adicionando os links conforme escrevi anteriormente vai funcionar.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".

Trancado