quinta-feira, 10 de novembro de 2011

Tutorial - Menu horizontal colorido + avisos

Teal heaven
Heey!
Gente, eu já vou avisando mesmo o que vai ser só mês que vem. Bom eu to programando postagens pra mês que vem e o começo de janeiro. Mas por que, bom, mês que vem mais precisamente dia 17 vou viajar pra casa da minha família. e como vou estar de viajem talvez nem olhe o blog. Voltarei lá pra dia 10 de Janeiro, ée sem postagens até lá. Mas por sorte estou programando postagens automáticas pra esses dias (huhu)! Então, me desejem boa viagem mês que vem heiin! Bom, vamos ao tutorial (credo como eu to séria '-').
Ah esqueci de uma coisa. Vou começar a postar um pouco mais sobre moda,música,comportamento e MUUUITOS tutoriais. Não vou ficar mais postando pra dizer oque eu to fazendo é muito chato. E é por isso que existe twitter! Nossa que texto que eu escrevi meuu deus :l bom, vou mandar uns 3 ou 4 tutoriais de uma vez só ! Uma post atrás da outra se ligue!

PaperCup - 3. strona bloga dostępnego pod adresem papercup.pinger.pl
Vão em design -> Adicionar Gadget -> HTML/Javascrip. E adicione o código abaixo:

<div style="text-align: center;"><span style='-moz-border-radius: 7px; background-color:#f781f3; padding: 5px 15px 5px 15px;'><a href="LINK 1 ">categoria 1</a></span> <span style='-moz-border-radius: 7px; background-color:#58acfa; padding:  5px 15px 5px15px;'><a href="LINK 2">categoria 2</a></span> <span style='-moz-border-radius: 7px; background-color:#81f79f; padding: 5px 15px5px 15px;'><a href=" LINK 3 ">categoria 3</a></span> <span style='-moz-border-radius: 7px; background-color:#f78181; padding:5px 15px 5px 15px;'><a href=" LINK 4 ">categoria 4</a></span> <span style='-moz-border-radius: 7px; background-color:#f2f5a9; padding: 5px 15px 5px 15px;'><a href="LINK 5">categoria 5</a></span><br /><br /></div>
Agora vamos a personalização:
moz-border-radius: 7px - é o efeito que vai arredondar o seu menu, se mudar o número o efeito diminui ou aumenta.Mude apenas o 7.
5px 15px 5px 15px - é o tamanho das categorias do seu menu.
#f781f3 - é a cor de cada categoria visite essa tabela que tem muitas cores, copie apenas o código.
Categoria - é o nome e o número de cada categoria do seu menu. Altere assim por exemplo: Categoria 3 -> Home.
LINK - é o link que cada categoria irá redirecionar a pessoa.


Ex.:. 

BJUUU!



Um comentário: