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

[smallbreeds]

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.

[robra]

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.

[Night Angel]

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

[robra]

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.

[Night Angel]

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

[robra]

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.

[Night Angel]

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?

[robra]

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.

[Night Angel]

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

[robra]

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 ?

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.