9 de dez de 2012

Pedidos de Rayane Cássia!

Hey, angels :) What's up?

A leitora dona do incrível Mundo Super Beijo fez dois pedidos de tutoriais:



E é claro que eu fiz =D Caso não tenham entendido do que se trata, é bem simples: 

Primeiro Pedido: após concluir o tutorial, o título do seu blog vai aparecer como se alguém estivesse digitando ele na guia. 
Segundo Pedido: menu usado aqui e no antigo layout do Mrs. Nightshade.

Bom, vamos ao tutorial?
Primeiro Pedido

É bem simples e rápido.

Primeiramente, vocês devem ir em Modelo > Editar HTML. Usando Ctrl + F, procurem por </head> . Quando encontrarem a tag, colem o seguinte código logo abaixo dela:
<script>
var tit = document.title; var c = 0; function writetitle() { document.title = tit.substring(0,c);
if(c==tit.length) { c = 0; setTimeout(&quot;writetitle()&quot;, 1000) }
else
{ c++; setTimeout(&quot;writetitle()&quot;, 220) } } writetitle()
</script>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;);
</script>
Agora é só visualizar. Se estiver tudo correto, salve.
Viram como é fácil? =D

Segundo Pedido

Preview do menu:

Ele se chama Menu Size e eu adoro!

Vão em Modelo > Editar HTML. Usando Ctrl + F, procurem agora por ]]></b:skin> . Acharam? Bom, então colem o seguinte código acima dessa tag:
.menusize {
display : block;
padding: 2px;
background: #e0e0e0;
text-indent : 5px;
padding-left: 6px;
vertical-align : middle;
margin-bottom: 2px;
-webkit-transition: all 0.60s;
}
.menusize:hover {
padding-left: 15px;
border-width: 1px;
border-style: left;
border-color: #f2bad2;
box-shadow: inset 350px 0 0px 0 #f2bad2;
-webkit-transition: all 0.30s;
}

As partes em negrito devem ser alteradas. Para isso, consultem a Tabela de Cores.
Depois disso, visualizem. Se estiver tudo certinho, salvem.
Mas o menu tem que aparecer, não é? Então criem um Gadget de HTML/JavaScript e colem o código abaixo:
<div class="menusize">
<a href="www.seublog.com"> Link 1 </a></div>
<div class= "menusize">
<a href="www.seublog.com"> Link 2 </a></div>
<div class= "menusize">
<a href="www.seublog.com"> Link 3 </a></div>
<div class= "menusize">
<a href="www.seublog.com"> Link 4 </a></div>
<div class= "menusize">
<a href="www.seublog.com"> Link 5 </a></div>
<br />

E pronto! É assim que se faz o Menu Size.
Eu aprendi no Birthday Cake, então créditos dados!

Qualquer dúvida ou pedido? Comente ou mande uma mensagem aqui.

Por hoje é só!
Espero ter ajudado tanto a Rayane Cássia quanto vocês.
Beijos,

Mrs. Nightshade.

8 comentários:

  1. Adorei o tutoriais!
    Eu fiz uma nova postagem dá um olhadinha lá

    ResponderExcluir
    Respostas
    1. Olá! Fico feliz que tenha gostado ^.^ Pode deixar que eu vou olhar ^.^

      Beijos!

      Excluir
  2. Noossa que tuto legais passa la no blog http://foryoulonelygirl.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Olá! Owwwn, muito obrigada pela opinião >.< Já dou uma passadinha lá, viu? ♥

      Beijos!

      Excluir
  3. Oi flor! *--* Só usei o efeito digitando, o outro deu "Zebra" porque eu sou meia burra nessas coisas!
    Vou pedir outro tutorial (sou recordista disto!)
    Eu estou aprendendo a fazer cabeçalhos no PhotoScape...
    Queria saber fazer de FUNDOS TRANSPARENTES, mas não sei onde vai existir um imagem transparente ainda do tamanho adequado U_U
    Poderia me ajudar cem "Como fazer cabeçalhos de fundos transparentes no PhotoScape" ? Obrigadaaaaaaaaa pela paciência (e por me aguentar de novo!!!) oblogdarayzinha.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Olá! Aqui seu super certinho ^.^ Pode pedir sempre que quiser ^.^ Amanhã eu posto esses tutoriais que você pediu ^.^

      Beijos!

      Excluir
    2. Eu pedi errado *Já descobri*
      kkkk'
      Bom agora estou certa de que tutorial quero *Finalmente*
      eu quero saber como fazer recortes de PNGS porque como já disse ando aprendendo a fazer cabeçalhos, e queria aprender a fazer recortes!!

      Excluir
    3. Olá! Bom, de toda forma eu vou postar ^.^ O tutorial já está pronto kkkk Eu já ensinei a fazer recortes online:

      http://tutoriais-mrs-nightshade.blogspot.com.br/2012/09/hey-dudes-whats-up-voces-sabem-o-que-e.html

      Beijos!

      Excluir