Gostaria de colocar isso no logo

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

Resolvido Gostaria de colocar isso no logo

Mensagem por Yrley em 15/10/12, 11:26 am

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



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

Links e imagens do meu problema:
Http://i49.tinypic.com/jrfmmw.png

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

Versão do meu fórum:
PunBB
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

Ver perfil do usuário http://servidorplaybr.forumeiros.com/

Resolvido Re: Gostaria de colocar isso no logo

Mensagem por Convidado em 15/10/12, 11:39 am

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!

Convidado
Convidado


Resolvido Re: Gostaria de colocar isso no logo

Mensagem por Yrley em 15/10/12, 11:54 am

FireWhip Como assim quando ele estiver fechado e aberto?
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

Ver perfil do usuário http://servidorplaybr.forumeiros.com/

Resolvido Re: Gostaria de colocar isso no logo

Mensagem por Convidado em 15/10/12, 01:23 pm

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;
}

Convidado
Convidado


Resolvido Re: Gostaria de colocar isso no logo

Mensagem por Sennior em 15/10/12, 03:48 pm

Olá senhor autor,

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

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum