Gostaria de colocar isso no logo

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Gostaria de colocar isso no logo

Mensagem por Yrley 15.10.12 15:26

Qual é minha questão:
Quero saber como poe este efeito:

Gostaria de colocar isso no logo Jrfmmw

Eu vi este efeito em: http://firstcheats.forumais.com

Links e imagens do meu problema:
https://2img.net/h/oi49.tinypic.com/jrfmmw.png

Endereço do meu fórum:
http://www.win-design.forumeiros.com

Versão do meu fórum:
PunBB
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gostaria de colocar isso no logo

Mensagem por Convidado 15.10.12 15:39

Boas,
amigo faça o seguinte
Painel de Controle>>Módulos>>HTML e JavaScript>>Gestão dos códigos Javascript
e com o código adicione este
jQuery(document).ready(function() { jQuery("#logo").after('
TEXTO QUE APARECERÁ NO BOTÃO QUANDO ELE ESTIVER FECHADO
'); jQuery("#efeito-logo_texto").click(function() { jQuery("#efeito-logo_textoescondido").slideToggle(); }); });
A onde estas em negrito adicione o que pede
Painel de Controle>>Visualização>>Imagens e Cores>>Cores>>Folha de Estilo CSS
#efeito-logo_textoescondido { /*MODIFIQUE ESSA ÁREA PARA POSICIONAR O BOTÃO ABERTO E MODIFICAR O VISUAL DELE*/
position: absolute;
margin-left: -201px;
background: #B8FCC8;
padding: 10px;
top: 20px;
border: 2px solid black;
border-radius: 20px 0px 20px 10px;
width: 300px;
filter:alpha(opacity=65);
-moz-opacity: 0.6;
opacity: 0.6;
}
#efeito-logo_texto { /*MODIFIQUE ESSA ÁRE PARA MODIFICAR O VISUAL DO BOTÃO FECHADO*/
background: #005915;
color: #ffffff;
font-weight: bold;
padding: 8px;
border: 2px solid black;
border-radius: 20px 0px 0px 0px;
cursor: pointer;
filter:alpha(opacity=65);
-moz-opacity: 0.6;
opacity: 0.6;
}
#efeito-logo { /*MODIFIQUE ESSA ÁREA PARA ALTERAR A POSIÇÃO DO BOTÃO FECHADO*/
position: absolute;
right: 51px;
top: 100px;
filter:alpha(opacity=65);
-moz-opacity: 0.6;
opacity: 0.6;
}
#efeito-logo_textoescondido:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
#efeito-logo_texto:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
#efeito-logo:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
a onde esta em negrito modifique o que ele pede!
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Gostaria de colocar isso no logo

Mensagem por Yrley 15.10.12 15:54

FireWhip Como assim quando ele estiver fechado e aberto?
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gostaria de colocar isso no logo

Mensagem por Convidado 15.10.12 17:23

Boas,
amigo tente este já que não entendeu o de cima
adicione em sua folha de estilo css:
Código:
#efeito-logo { Registrar
url: /register
position: absolute;
right: 51px;
top: 100px;
filter:alpha(opacity=65);
-moz-opacity: 0.6;
opacity: 0.6;
}
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Gostaria de colocar isso no logo

Mensagem por Sennior 15.10.12 19:48

Olá senhor autor,

Por via das dúvidas, leia: https://ajuda.forumeiros.com/t64390-

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos