Página 3 de 7
Re: [DICA] Menu deslizante ou retrátil (Slide Menu)
Enviado: 18 Set 2011, 22:35
por smallbreeds
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
Sendo que
{T_THEME_PATH}
já indica a pasta theme de seu estilo.
Re: [DICA] Menu deslizante ou retrátil (Slide Menu)
Enviado: 18 Set 2011, 22:39
por robra
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.
Re: [DICA] Menu deslizante ou retrátil (Slide Menu)
Enviado: 18 Set 2011, 23:04
por Night Angel
Alterações feitas..mas sem resultados (continuam estaticas as imagens)
Re: [DICA] Menu deslizante ou retrátil (Slide Menu)
Enviado: 18 Set 2011, 23:27
por 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.
Re: [DICA] Menu deslizante ou retrátil (Slide Menu)
Enviado: 19 Set 2011, 00:09
por 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
Re: [DICA] Menu deslizante ou retrátil (Slide Menu)
Enviado: 19 Set 2011, 09:35
por 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.
Re: [DICA] Menu deslizante ou retrátil (Slide Menu)
Enviado: 19 Set 2011, 20:13
por 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?
Re: [DICA] Menu deslizante ou retrátil (Slide Menu)
Enviado: 19 Set 2011, 20:29
por 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.
Re: [DICA] Menu deslizante ou retrátil (Slide Menu)
Enviado: 19 Set 2011, 21:55
por 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
Re: [DICA] Menu deslizante ou retrátil (Slide Menu)
Enviado: 19 Set 2011, 22:39
por 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.