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.
É 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:
Agora é só visualizar. Se estiver tudo correto, salve.<script>var tit = document.title; var c = 0; function writetitle() { document.title = tit.substring(0,c);if(c==tit.length) { c = 0; setTimeout("writetitle()", 1000) }else{ c++; setTimeout("writetitle()", 220) } } writetitle()</script><script type='text/javascript'>if (window.jstiming) window.jstiming.load.tick('headEnd');</script>
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.
Adorei o tutoriais!
ResponderExcluirEu fiz uma nova postagem dá um olhadinha lá
Olá! Fico feliz que tenha gostado ^.^ Pode deixar que eu vou olhar ^.^
ExcluirBeijos!
Noossa que tuto legais passa la no blog http://foryoulonelygirl.blogspot.com.br/
ResponderExcluirOlá! Owwwn, muito obrigada pela opinião >.< Já dou uma passadinha lá, viu? ♥
ExcluirBeijos!
Oi flor! *--* Só usei o efeito digitando, o outro deu "Zebra" porque eu sou meia burra nessas coisas!
ResponderExcluirVou 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
Olá! Aqui seu super certinho ^.^ Pode pedir sempre que quiser ^.^ Amanhã eu posto esses tutoriais que você pediu ^.^
ExcluirBeijos!
Eu pedi errado *Já descobri*
Excluirkkkk'
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!!
Olá! Bom, de toda forma eu vou postar ^.^ O tutorial já está pronto kkkk Eu já ensinei a fazer recortes online:
Excluirhttp://tutoriais-mrs-nightshade.blogspot.com.br/2012/09/hey-dudes-whats-up-voces-sabem-o-que-e.html
Beijos!