07/07/2016

Tutorial - Menu Baby Girl

Oi minna! Vim começar com a ronda de tutoriais ahaha...
Antes de mais queria informar aos *homens* que o nome do menu não tem NADA a ver com ele, por isso também podem usa-lo. Aliás, gente, é o menu que eu coloquei no layout do Washington... Aproveitando para fazer publicidade (www), Wash, querido, deves-me um gelado/sorvete. u-u'
O nome do menu foi dado pela criadora (ou não) do código... Como eu já disse, com o desaparecimento de uma grande parte dos blogs de tutoriais eu resolvi colher os poucos que ainda encontro (ou guardei em word ahaha) para não serem perdidos... Então aqui está um que era do tão conhecido (e falecidoKawaii World.
Adoro o menu porque ao contrário de outros, podem escrever a quantidade de letras que quiserem. Imaginem, há aquele problema de por a página de "Parceria" no menu, porém, o menu é pequeno e não fica bem colocando a palavra inteira, então vocês colocam somente "Par" ou "Parce" (etc)...
Foi o que aconteceu no layout do Washington, ele tinha uns títulos enormes ahaha! Então eu coloquei este menu "Baby Girl".
Podem ver aqui:
Então, para colocar este menu abra um gadget HTML/Java Script e cole:
<center>
<a href="LINK" id="babygirl">Titulo 1</a>
<a href="LINK" id="babygirl">Titulo 2</a>
<a href="LINK" id="babygirl">Titulo 3</a>
<a href="LINK" id="babygirl">Titulo 4</a>
<a href="LINK" id="babygirl">Titulo 5</a>
<a href="LINK" id="babygirl">Titulo 6</a>
</center>

Deve colocar o link das páginas onde diz LINK (sem retirar as aspas que estão no código), e onde diz Titulo deve colocar o nome da página (como Home, Parceria, About, etc).

Guarde e a seguir vá ao HTML do seu blog e procure com um CTRL C o código:
]]></b:skin>

Acima dele cole:
#babygirl {
font-family: georgia;
font-size: 18px;
color: #fff;letter-spacing: 1px;
line-height: 18px;
text-align: center;
box-shadow: 0px 1px 1px 1px #f1f1f1;
padding: 2px;
background: #000;}
#babygirl:hover {
background: #c8c8c8;text-decoration: none;
}

Personalize ao seu gosto, mas se não quiser muito diferente ou não perceber muito do assunto, aconselho a modificar somente as cores, pela parte do código que está a negrito.
color - corresponde á cor da letra;
backgroung - é o fundo;
O segundo background que aparece é o fundo de quando passa o mouse.

Enfim e é isso, espero que tenha gostado ;)
Qualquer dúvida, pergunte.

Kiss kiss ~

2 comentários:

  1. Hi Bunny!!! xD
    Adoro colocar Menu, isso é bem útil para deixar visualmente organizado o blog! xD Além de ficar mais organizado fica mais agradável para quem está visitando o site...!
    Bom tutorial como sempre! Falando nisso, o site Alice in wonderland não vai ter mais desafio? =/ to com tanta saudades de participar nos desafios dele.

    Kiss

    ResponderExcluir
    Respostas
    1. Isso é super verdade, e de todo santo código o que eu mais gosto de editar é menu kkkkkkk

      A gente já terminou o desafio faz um tempinho kkkkkkkkk mas nao tem nada programado para esse blog por enquanto ate porque eu e a outra moça vamos fazer segunda fase de exames esse mês... ;-;

      Excluir

Se queres comentar:
☾ Nada de palavras indecentes!
☾ Se eu te conhecer, no comentário anónimo podes assinar no fim, por favor?^^
☾ Se quiseres falar comigo no msn podes adicionar:
bunnytsukino5@hotmail.com
☾ Diverte-te e comenta sempre que quiseres!

©