quarta-feira, 6 de março de 2013

Sorry! + Tuto

Tumblr_mfsy5ntdvb1qi02amo1_500_large
a roqueira voltou, hihi ^^
Peço miiiiiilllll perdões por ficar tanto tempo sem postar. Mas tem um motivo: a droga das aulas. Sim gente, elas estão atacando novamente........ Mas eu vou TENTAR postar mesmo assim. Para compensar todos os anos que fiquei sem postar, trouxe 2 tutoriais úteis para vocês. A propósito, quem tem Instagram me segue! Meu nome é @rafanico11
Também vou começar a fazer um novo Tag, chamado "Viajando pelo Mundo". Vi o título no blog Pequeno Muffin e pensei em fazer algo bem legal. Começamos o Tag com uma enquete, que vocês terão que votar em que cidade vocês querem primeiro. Daí eu posto sobre a cidade e vem uma nova enquete....
Go~


Tutoriais:

1- Menu Raibow:

1° Vá em Html e aperte Ctrl + F e procure por ]]></b:skin>
Ao encontrar cole esse codigo acima dele:


/** MENU RAINBOW **/
@font-face {font-family: "04b03"; src: url('http://static.tumblr.com/qbzesex/2tSm7y7gy/04b_03_.ttf'); format("truetype");}
.rainbow, .rainbow a {background: #1c1c1c; padding: 8px; margin-top: 0px; -webkit-transition-duration: 1s; font: 8px "04b03", small-fonts; color: #fff; text-decoration: none; text-transform: uppercase;}
.rainbow:hover {color: green; text-shadow: 0 0 rgba(255,255,255,0), 6px 6px 0 red, 4px 4px 0 orange, 2px 2px 0 yellow, -2px -2px 0 blue, -4px -4px 0 violet, -6px -6px 0 purple; -webkit-transition-duration: 1s;}

2° Agora vá e adicione no lugar que você quer colocar o seu menu.

 <a class="rainbow" href="http://www.blogger.com/LINK">NOME</a>
<a class="rainbow" href="http://www.blogger.com/LINK">NOME</a>
<a class="rainbow" href="http://www.blogger.com/LINK">NOME</a>
<a class="rainbow" href="http://www.blogger.com/LINK">NOME</a>

2- Efeito Queen:

1° Vá até editar HTML e procure por ]]></b:skin>. Acima da tag, cole:


.queen a, .queen a img {display: inline-block;}
.queen a {width: LARGURADAIMAGEMpx; height: ALTURADAIMAGEMpx; position: relative; padding: 3px; background: #CORDABORDA; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px;}
.queen a span {position: absolute; width: 110px; height: 110px; top: 3px; left: 3px; text-align: center; font: 8px handy; text-transform: uppercase; line-height: 110px; text-color:#CORDOTEXTO; text-shadow: 0px 1px 1px rgba(255,255,255,0.6); font-size: 8px; opacity: 0; filter: alpha(opacity=0); background: rgba(255,255,255,0.8); transition-duration: 2s; -webkit-transition-duration: 1s; -moz-transition-duration: 2s;}
.queen a:hover span{opacity: 1; filter: alpha(opacity=99);}
Oque estiver em negrito, você modifica do jeito que quiser.

2° Em um gadget de HTML/JavaScript cole o seguinte código e substitua as partes em negrito:


<div class="queen">
<a href="SEULINK.COM"><img src="URL DA IMAGEM" />
<span>SEU TEXTO</span></a>
<a href="SEULINK.COM"><img src="URL DA IMAGEM" />
<span>SEU TEXTO</span></a>
</div>

Foi isso, a enquete já pode ser votada. 

- Beijão

Créditos: Kawaii World

3 comentários:

  1. Boa noite! como vai? então, estou a procura de novos blog para seguir, retribuo todas as visitas que fizer (mesmo se demorar um pouco, eu sempre virei!) se estiver interessada me avise que voltarei aqui para ler o post com calma, etc.
    Fique com Deus,
    http://maybe-i-smiled.blogspot.com.br/
    http://dicionario-feminino.blogspot.com.br/

    ResponderExcluir
  2. Oi , segue meu blog ? já estou seguindo o seu !
    worldcandyy.blogspot.com

    ResponderExcluir
  3. Sério q vc tem 11 anos? Pelo jeitinho de escrever parece q tem mais *-*
    Eu tbm tenho 11, visita meu blog (vida de iniciante é duro né?)..
    Beijos

    http://chooseyoucolors.blogspot.com.br/ - Já segui vc.

    ResponderExcluir

Oi caveirinha! Vai comentar aqui? Que bom! Mas tem algumas regrinhas, ok?

- Xingamentos ou ofenças serão ignorados e excluidos.
- Evite ''Seguindo segue de volta?'' Deixe Url que eu irei visitar, e se eu gostar, vou seguir.
- Comente pelo menos uma parte da postagem.
- Nem sempre vou responder os comentários (as vezes não tenho tempo!)
- Aceito selinhos e topo afiliação, mas parceria não.