Tutorial - Menu door

Olá meus lindos leitores (ღ˘⌣˘ღ)

Tudo bem com vocês? Finalmente o domínio foi registrado e instalado, agora podemos comemorar, cantar a música da globeleza e ser feliz -n. Gente desculpem pelas idiotices, mas é que eu fiquei tão feliz por causa do domínio, eu estou esperando ele desde sexta, vocês nem imaginam minha felicidade por isso, eu queria esse domínio há muito tempo mesmo. Eu escrevi essa postagem antes do domínio chegar, então ela era programada pra muito depois de hoje.

Enfim, pra comemorar o novo layout e o novo domínio eu vou postar de pouquinho em pouquinho todos os tutoriais do meu blog de live preview, sempre revesando entre tutorial, utilitário e postagem variada, assim o blog vai ficar bem menos cansativo e mais completo do que nunca. Quem quiser ver a preview do menu, ela está aqui (www), no gadget menu door. Vamos ao tutorial!

Tutorial - Beauty Wishlist

Up: Ajudem a Sakura com a meta dela de 300 seguidores? (www)

Olá gente ♥

Sim, eu sei que deixei o blog desatualizado por nesses últimos dias, mas é que passei o bom tempo sem entrar no computador por causa de muitos compromissos. Hoje tive minha feira de ciências na minha escola, como sempre foi muito divertido. E o melhor é que nos apresentamos e ganhamos pontos nas notas do semestre, é a melhor parte.

Estou pensando em mudar as postadoras e colocar outras, mas ainda estou pensando nisso. Porque quando não entro não tenho como avisar, quero organizar horários pra postadores e com isso preciso de alguém que possa postar no mínimo duas vezes da semana. Enfim, hoje trouxe um menu fofo que fiz e pediram ele no tumblr, mesmo ainda estando em testes T3T. Confiram a Live Preview, se usarem creditem!

Tutorial - Menu Curious

Olá gente bonita ~

Gente, ontem minha noite foi emocionante. Eu estava lá de boa no meu facebook quando vejo uma postagem com uma direta, isso mesmo, uma direta, não foi indireta. Até marcaram o garoto lá nos comentários, ficamos o quase todo o tempo falando dele, apesar de algumas horas fugirmos do assunto, como quando eu fui falar que adoro coxinha, e falamos um pouco de comida, mas enfim, tudo é muito louco nas postagens do facebook.

Enfim, hoje vim trazer pra vocês uma coisa que nem estava na agenda, quis trazer um tutorial de menu, coisa que não trago a tempos aqui no blog. Gostaram da nova forma que estou organizando a postagem? Percebi que fica mais organizado depois que fiz uma postagem com o texto justificado, pra mandar pra Sakura pra poder passar pro Empire Lovers. Enfim, para ver o menu deixei num dos gadgets a Live Preview. Se usarem creditem, e podem reblogar, com devidos créditos claro.

Tutorial - Menu Uops

Boa Tarde, coisas maravilhosas.

Então gente eu estou muito feliz, porque nós conseguimos alcançar nossa meta de 40 seguidores, foi hoje que aconteceu, e agora a meta é de 60 seguidores, vamos ver se nós conseguimos. Bom e em comemoração hoje vai ter muitos posts,pelo menos eu vou tentar. E agora eu trouxe um menu muito lindo que eu achei no Things To Help You (créditos). Se você quiser visualizar o menu antes clique aqui.

Não é lindo ? Então vamos lá aprender omo faze-lo.

Menu One Border

Yoo cupcakes de macarrão com queijo

Hoje trago um tutorial que encontrei no Sweet Poison, eu coloquei aqui no blog, é esse menu do novo layout, créditos á Sweet Poison que mais uma vez me ajudou com o menu do blog ! Bom vamos ao tuto, clique em Leia Mais !

Menu Lovely por Sweet Poison

Depois de muitos pedidos, Tia Chassy vai ensinar para os brownies com morango e chantilly como eu fiz esse menu:

Tutorial.

1. No Blogger, vá em Design> Editar HTML. Tecle Ctrl F e procure por:

]]></b:skin>

2. Cole o código abaixo acima dessa tag:

.nav {
display:inline; /* Modo de exibição */
font-size: 25px; /* Tamanho da fonte */
border-bottom: 5px solid #4682B4; /* Estilo da borda inferior */
text-transform:uppercase; /* Formatação do texto */
-webkit-transition-duration: .20s; /* Efeito fade */
}
nav: hover {
border-bottom: 5px solid #63B8FF; /* Borda inferior em hover */
-webkit-transition-duration: .20s; /* Efeito fade */
}
nav a{
font-family: Arial; /* Fonte */
font-size: 25px; /* Tamanho da fonte */
text-transform:uppercase; /* Todas maiúsculas */
-webkit-transition-duration: .20s; /* Efeito fade */
text-decoration: none;
}
nav a:hover {
-webkit-transition-duration: .20s; /* Efeito fade */
text-decoration: none;
}

3. Salve e vá para Elementos da Página. Adicione um novo gadget de HTML/Javascript e nele cole o código abaixo:

<div class='nav'><a href='LINK'>Nome</a></div> <div class='nav'><a href='LINK'>Nome</a></div> <div class='nav'><a href='LINK'>Nome</a></div> <div class='nav'><a href='LINK'>Nome</a></div> <div class='nav'><a href='LINK'>Nome</a></div> <div class='nav'><a href='LINK'>Nome</a></div>

 Todos os créditos á Sweet Poison

Menu Along

Ele foi feito pela Stephanie do Garota do Olhar Sincero e postado noKawaii World. E aqui tem um live preview do menu. Bom vamos logo ao tutorial...

Vá no seu html e procure pelo famosíssimo código:

]]></b:skin>

Cole este código logo acima da tag procurada:

.menualong {background:  url('http://static.tumblr.com/0xqvkot/nksmaeg5f/9__2_.png') repeat fixed center; /* fundo */border-right: 5px solid #AFEEEE; /* cor, espessura e formato da borda direita */border-left: 5px solid #AFEEEE;  /* cor, espessura e formato da borda esquerda */
text-align: center; /* Alinhamento do texto */color: #FF69B4; /* cor do texto */-webkit-transition: 0.7s; /* tempo que borda demora para esticar */font-size: 8px; /* tamanho da fonte */font-family: handy; /* tipo de fonte */text-transform: Uppercase; }.menualong:hover {border-right: 50px solid #B0E0E6;  /* cor, espessura e formato da borda direita ao passar o mouse */
border-left: 50px solid #B0E0E6; /* cor, espessura e formato da borda esquerda ao passar o mouse */
-webkit-transition: 0.7s;letter-spacing: 6px; /* Espaçamento das letras ao passar o mouse */color: #FF69B4;  /* cor do texto ao passar o mouse */
background:  url('http://static.tumblr.com/0xqvkot/nksmaeg5f/9__2_.png') repeat fixed center;  /* fundo ao passar o mouse*/
}@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf'); } 

Depois de ter feito isso, salve e vá em layout. Clique em Adicionar um Gadget >> HTML/javascript e cole isso:

<center><div class="menualong"><a href="link">Nome</a></div><center><div class="menualong"><a href="link">Nome</a></div><center><div class="menualong"><a href="link">Nome</a></div><center><div class="menualong"><a href="link">Nome</a></div><center><div class="menualong"><a href="link">Nome</a></div>

Onde está link, troque pelo link da sua página dããã e onde está Nome troque pelo nome da sua página. Lembrem-se plágio é crime, então se usarem dêem os créditos à Stephanie, ao GDOS e ao KW.