Publicidade na Web
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

[TUTORIAL] Adicionando anúncios ou recomendações no logo

Publicidade na Web :: Publicidade na WEB :: Tutoriais, dicas e astúcias

Ir para baixo

Tutorial [TUTORIAL] Adicionando anúncios ou recomendações no logo

Mensagem por Michelangelo Sáb Ago 10, 2013 10:56 am


[TUTORIAL] Adicionando anúncios ou recomendações no logo Alerte10
[TUTORIAL] Adicionando anúncios ou recomendações no logo

Funcional em todas as versões



--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Adicionando anúncios ou recomendações no logo



1º - CÓDIGO JAVASCRIPT
Painel de Controle [TUTORIAL] Adicionando anúncios ou recomendações no logo 633772Módulos [TUTORIAL] Adicionando anúncios ou recomendações no logo 633772HTML & JavaScript [TUTORIAL] Adicionando anúncios ou recomendações no logo 633772Novo Código JavaScript

Título: Escolha Livre
Investimento: Marque em "Todas as Páginas"
Código do JavaScript: Coloque o código abaixo

Código:

jQuery(document).ready(function() { jQuery("#logo").after('<div id="efeito-logo"><span id="efeito-logo_texto">TEXTO Q APARECE NO BOTÃO QUANDO TÁ FECHADO</span><span style="display: none;" id="efeito-logo_textoescondido">TEXTO QUE VAI APARECER NO BOTÃO ABERTO</span></div>'); jQuery("#efeito-logo_texto").click(function() { jQuery("#efeito-logo_textoescondido").slideToggle(); }); });
[TUTORIAL] Adicionando anúncios ou recomendações no logo 633772Salve!


2º - CÓDIGO CSS
Painel de Controle [TUTORIAL] Adicionando anúncios ou recomendações no logo 633772Visualizações [TUTORIAL] Adicionando anúncios ou recomendações no logo 633772Imagens e Cores [TUTORIAL] Adicionando anúncios ou recomendações no logo 633772Cores [TUTORIAL] Adicionando anúncios ou recomendações no logo 633772Folha de Estilo CSS

Código:
#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;
}
[TUTORIAL] Adicionando anúncios ou recomendações no logo 633772Valide


3º - Resultado?
[TUTORIAL] Adicionando anúncios ou recomendações no logo Hax1oRN


  • Créditos?
    DexTer e HenRyqUéè




© Publicidade na WEB


[TUTORIAL] Adicionando anúncios ou recomendações no logo Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[TUTORIAL] Adicionando anúncios ou recomendações no logo
Michelangelo
Michelangelo
Admin

Masculino
Mensagens : 30
Reputação : 4

https://publicidadenaweb.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Publicidade na Web :: Publicidade na WEB :: Tutoriais, dicas e astúcias

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