19 de jul. de 2012

Sorry + Muitos Tutoriais

Tumblr_m7eh6lp2rl1qf70r5o1_500_large
Oii pessoal hoje temos muitos tutoriais:
Imagem de Clique,Seleção Colorida,Estrelinhas Caindo do Mouse e Caixinha de Pesquisa personalizada
Se quiser saber....

Obs: Tabela de Cores AQUI


1.Imagem de clique:
ex:
Antes:
Quando Clicar:

Adicione um HTML/JavaScript e cole:
<div class="divspoiler">
<img src="URL DA IMAGEM AQUI" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
<a 
Escreva algo aqui
</div></div>
Onde estiver escrito "Url da Imagem Aqui" coloque a url da imagem que deve ser clicada.
Escreva algo aqui : Coloque o que vai aparecer depois da imagem ser clicada.

2.Seleção de texto colorida:
Vá em Desing>Html/JavaScript>>De CTRL+F e procure por:]]></b:skin>
Depois ANTES dessa tag cole:
::-moz-selection {background:#F7DFDD; /*Cor do fundo*/color:#E49D98; /*Cor da fonte*/}::selection {background:#F7DFDD;/*Cor do fundo*/color:#E49D98; /*Cor da fonte*/}
3.Estrelas Caindo do Mouse:
Vá em Desing>Html/JavaScript>>De CTRL+F e procure por/body
Então pegue esse código e cole antes.
Depois é só colocar a cor que deseja aonde está escrito #cordaestrelinha.



4.Caixinha de pesquisa personalizada como a daqui do blog.


Primeiro adicione um HTML/JavaScript e cole esse código.

Depois vá em Desig>>Html/Java Script>>Procure por:]]></b:skin> 
E cole o trecho abaixo ACIMA dessa tag:

.search{
float: left; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda) */font-family: Tahoma, Tahoma; /* Fonte */}.searchbar{height: 20px;width: 140px;color: #FF82AB; /* Cor da fonte */-moz-border-radius: 6px;-webkit-border-radius: 6px;-goog-ms-border-radius: 6px;background: #FFFFFF; /* Cor de fundo da parte onde escrevemos */}.searchbut{background: url('http://i39.tinypic.com/25ezh8z.png'); /* Link da imagem do botão de pesquisar*/width:30px;height:30px;border: 0;padding:7px;}
 Depois é só seguir os passos!
Gostaram e aprenderam??
Beijinhos!!!

3 comentários:

Daniymendes disse...

OLa td bom? É sempre bom compartilhar o que a gente sabe neh mesmo? Eu tbm gosto, parabéns, gostei do seu cantinho...estou seguindo o blog beijos grande.

(◠‿◠) Endereço::: Dany's Place

Catarina Costa disse...

gostei do da caixa de pesquisa vou fazer

http://especial-dreams.blogspot.pt/

Vitória disse...

Adorei o tutorial da imagem,os afiliados ficam bem mais organizados assim.
http://victory-blog1.blogspot.com.br/