2 de set de 2014

**** HIATUS POR TEMPO INDEFINIDO! ****

30 de ago de 2014

Layout Free #01 - Ocean Blue para Blogger


Bom dia gente! Mais um fim de semana chegou, só eu que penso que a semana está passando mais rápido? Talvez seja só impressão mesmo, mas de toda forma o mês de Agosto praticamente já acabou e com os próximos meses acho que vai ser do mesmo jeito. #tomara

No post de hoje eu trago um pequeno mimo para vocês: um layout free para Blogger! Sei como é difícil encontrar um layout free que seja de qualidade, então decidi ajudar vocês um pouco nessa busca. haha'

O pack está compactado em formato .RAR, é só usar um programa como o WinRar para abrir e pronto! As instruções de instalação estão junto do theme, ok? A preview é esta aqui: 


Espero que gostem! Basta clicar aqui para baixar!
Beijos!

28 de ago de 2014

Menu Horizontal com CSS e HTML

Imagem: Love From Ginger
Olá, gente! Decidi finalmente trazer um post sobre CSS & HTML, que é um assunto que eu gosto muito e considero um dos meus hobbies. Agora, vamos aprender como fazer um menu simples e bonito com códigos bem simples.

Coloque o código a seguir onde você quiser que o menu apareça:
<div class='menu'>
<a href='ENDEREÇO DO LINK'>NOME DO LINK</a>
<a href='ENDEREÇO DO LINK'>NOME DO LINK</a>
<a href='ENDEREÇO DO LINK'>NOME DO LINK</a>
<a href='ENDEREÇO DO LINK'>NOME DO LINK</a>
</div>
 Caso você queira mais links no menu, é só repetir <a href='ENDEREÇO DO LINK'>NOME DO LINK</a> quantas vezes quiser.

Agora, coloque esse link no seu arquivo CSS ou entre as tags de estilo (<style> e </style>):
.menu {
text-align: center;
padding: 15px;
font-family: 'Calibri';
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
}
.menu a {
color: #faf6ed;
padding: 10px;
}
Entendendo o código:

a.  Text-Align: alinhamento do menu.
b. Padding: espaço entre os links.
c. Font-Family e Font-Size: fonte e tamanho da mesma.
d. Text-Transform: define se as letras são todas maiúsculas (uppercase) ou minúsculas (lowercase).
e. Letter-Spacing: espaçamento entre as letras.

É super fácil de se fazer, e com um pouco de prática você consegue fazer sem código algum. Qualquer dúvida, deixe nos comentários!