09 outubro 2012

Saindo do castigo...

Olá gente! Tudo bem com vocês? Bom, estou super feliz por que minha vó me tirou do castigo!
Já que não postei muito nesses dias que passaram resolvi ensinar á vocês o menu Blue Dream, e outros tutoriais. Aprendi tudo no Kawaii World que está finalmente aberto, já que não paramos de fazer campanhas e comentar para que a Kaorii abrisse o blog de novo.
Bom,não se esqueçam de visitá-lo!



Resultado:

Imagem do Kawaii World
 
 
Primeiro: Pegue o código abaixo. Ele corresponde á fonte do menu. caso não queira ela, ignore essa parte.
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: local('Play'), url(http://themes.googleusercontent.com/static/fonts/play/v3/-SXnV4mZjf4oh1IBw13WZw.woff) format('woff');
}
Salve

Segundo: Pegue este outro código abaixo. Ele corresponde á personalização do menu, como cores e etc.
.soleil {font-family: 'Play'; font-size: 8px; text-transform: uppercase;  margin-bottom: 1px;  text-indent : 20px; height:15px;-webkit-transition-duration: .30s; background : #eee;padding:2px;padding-left: -15px; padding-top: 5px; text-shadow: 1px 1px 1px #fff; letter-spacing: 1px; border-radius: 10px; margin-bottom: 2px;}
.soleil a {color: #888;}
.soleil a:hover {color: #fff;}
.soleil:hover { background : #000080; color: #fff;-webkit-transition-duration: .30s; ;text-shadow: 1px 1px 1px #b6c6d3;}
Personalize o que quiser. Em seguida, salve.
Terceiro: Adicione um novo gadget de HTML e adicione o seguinte código:
<div class="soleil"> <a href="http://url">NOME DO LINK</a></div>
<div class="soleil"> <a href="http://url">NOME DO LINK</a></div>

 Salve e pronto! Querem ver os outros tutoriais?
Leia mais!

Efeito Four Shares

Esse tutorial foi pego do Kawaii World, e ele é feito da seguinte maneira:

 

Para quem não lembra, veja aqui.  São os quadradinhos verdes ali.


1. Primeiro vá até editar HTML e procure por ]]></b:skin>. Acima da tag, cole:
Clique aqui para visualizar o código.
Clique aqui se precisar entender o código. (Explicação)

2. Depois de personalizar, crie um  gadget de HTML/JavaScript e nele, cole:
Clique aqui para visualizar o código.

Troque "Seu link" pelo link que a imagem irá, se clicarem nela. Também troque "Link da Imagem Principal" pela url da sua imagem sem passar o mouse.
 
Bom pessoal, já sabem que os tutoriais vieram da Kaorii do Kawaii World, depois postarei mais!
Beijos ^^

hjjhghgjhjghjhgjhkjh

 

Nenhum comentário:

Postar um comentário