21 março 2013

2 Tutoriais - Colocar um cursor no blog e Menu Express

Oi! Vou postar algo que não tem a ver com o assunto do blog, mas vou tentar ajudar.

Primeiro, vá em design  Layout → Adicionar um gadget → HTML/Java Script.
Escreva isto: <style type="text/css">body {cursor:url("URL DO CURSOR"),default}</style>
Clique em salvar e visualize para ver se deu tudo certo.

Recomendo esse site: http://www.cursors-4u.com/ e créditos ao Cherry Bomb (da Liah) que fez uma postagem colocando vários cursores (40).

Menu Express:

Gente esse menu é realmente lindo, na minha opinião, então eu vou mostrar:

Você vai em design → Editar HTML → Ctrl + F e procure por isto:  ]]></b:skin> , acima do que você procurou cole isso:

@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}.express {background-color: #C6E2FF; color: #FFFFFF; display: block; width: 120pxheight: 15px; line-height: 13px; font-family: handy; font-size: 8px; text-align: center; text-decoration: none; text-transform:uppercase; margin-right: 1px; margin-bottom: 1px; padding-top: 2px; text-align: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;text-transform: uppercase;}.express:hover {opacity: 0.5; margin-left: -30px;}
O que coloquei em amarelo e azul podem mudar, em Height é a altura de cada opção do menu, então é melhor não mexer, está em cinza.

Agora, para aparecer o menu onde você quiser vá em Layout → Adicionar um gadget → HTML/Java Script e cole isto:
<center><a href="LINK" class="express">NOME DO LINK</a><a href="LINK" class="express">NOME DO LINK</a><a href="LINK" class="express">NOME DO LINK</a><a href="LINK" class="express">NOME DO LINK</a><a href="LINK" class="express">NOME DO LINK</a></center>
Créditos ao Only HTML pelo ótimo tutorial.

Bjs, Isa.

Nenhum comentário:

Postar um comentário