Alguns de vocês devem ter notado aquele menu extra que tem ali na barra lateral, né? Poisé, aquele menu fui em quem fez (♥) especialmente pra esse lay, já que queria algo diferente e personalizado.
E hoje trouxe o tutorial dele pra vocês! Eu achei o resultado tão fofinho e simples que acho que dá pra usar pra quase tudo! Desde menu extra até menu de categorias. Caso você ainda não tenha
Vá em Modelo> Editar HTML> Tecle Ctrl+F e procure por:
]]></b:skin>Acima do código encontrado cole o seguinte:
/* Menu Queijo no Rolete- por Piink Cookie*/#menuqr {
float: left;
display: line;
margin:1px;
background: #000000; /* COR DO FUNDO*/
color: #FFFFFF; /* COR DA FONTE*/
width: 330px; /*LARGURA DO MENU*/
height: 18px; /* ALTURA DO MENU*/
text-align:center;
font-size: 13px; /* TAMANHO DA FONTE*/
-moz-border-radius:0px 0;
-webkit-border-radius:0px 0;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
#menuqr:hover {
background: #FFFFFF; /* COR DE FUNDO QUANDO PASSA O MOUSE*/
width: 200px; /*LARGURA QUANDO PASSA O MOUSE*/
height: 18px;/* ALTURA (deixe igual a do normal)*/
text-decoration: none;
letter-spacing: 2px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
border-radius: 0px 10px 10px 0px;
}
Modifique o que tem pra modificar (
<a href="LINK"id="menuqr">DESCRIÇÃO DO LINK</a>Você pode repetir esse código quantas vezes quiser pra
Postagem completa por Piink Cookie. Todos os direitos reservados. Copyright 2012. Plágio é crime.
É isso. Beijinhos com glitter :*
Primeeira o/ . , muito fofo o menu , vou usar com crtza !
ResponderExcluirBom que gostou, Maah ^^
ExcluirÓtimo tutorial, o menu é uma graça! Muito lindo. *^*
ResponderExcluirHaha' Adorei o nome, xD
Bom que gostou, Buuh!
ExcluirAdorei o tutorial,lindo lindo!
ResponderExcluirÓtimo tuto Paulinha :)
Tem post novo viu?
Beijinhos ~GA
Bom que gostou Leh :3
ExcluirAmei esse menu é lindo :)
ResponderExcluirvou tentar fazer
beijos
Bom que gostou, Lola ^^
ExcluirO resultado do menu é lindo! e com esse tutu bem explicado não tem erro! Amei o novo Layout (Ficou show)!!!
ResponderExcluirhttp://kelly-club.blogspot.com.br/
Bom que gostou, Kelly! Oown, brigada :3
ExcluirQue divooo, amei!
ResponderExcluirEu queria esse tuto, haha'
Beijinhos,
blogueira-indecisa .blogspot.com
Bom que gostou, Ali!
ExcluirQue foofo :) Amei
ResponderExcluirBeijos
Sim Senhorita (Clique no perfil)
Que kawaii ^^
ResponderExcluirnuvensdeframboesa.blogspot.com
Bom que gostou, Missy >3<
ExcluirAmei o tuto, esse menu é muito fofo ^^
ResponderExcluirMas porque chama queijo no rolete ? hsuahsauhsuahsua ><
Adorei o nome ><
Bom Fim de Semana, flor *-*
Kisses :3
Garotas Atrevidas ~
Bom que gostou, Mille :3
ExcluirSei lá, hahaha. Na hora em que criei ele estava fazendo um trabalho sobre o sul lá na minha escola, e uns dos pratos típicos de lá é boi no rolete e porco no rolete, aí quis colocar isso ><
Ri muito com o nome ,achei muito fofo >.< O menu é bem legal .
ResponderExcluir:3
Maçã cor de rosa
Bom que gostou, Jelly!
ExcluirAdorei o tutorial! O menu fica perfeito! ^^
ResponderExcluirBeijinhos!
gotta-be-you-blog . blogspot . com
Bom que gostou, Laís!
Excluirque coisa mais fofa *0*
ResponderExcluirBom que gostou, Alice!
ExcluirO menu é lindo Paula, como estou fazendo um layout novo, vou ver se uso. Um beijo :B
ResponderExcluirBom que gostou, Anna! Okok :3
ExcluirAdorei o tuto, bem explicadinho! O menu fica super fofo, achei diferente o nome dele, bem original :3
ResponderExcluirestacao-teen.blogspot.com.br
Bom que gostou! Obrigada, hahaha ><
ExcluirO resultado fica ótimo, acho muito lindinho!
ResponderExcluircandy-grape
Bom que gostou, Michelle :3
ExcluirQue massa, adorei!
ResponderExcluirBjos e boa semana!
http://amonailart.blogspot.com.br/
Bom que gostou, Val!
ExcluirSó eu ri do nome do menu?KKKKKK !!!Mas sério agora,eu adorei.Estara presente em meu proximo layout.Qual o minimo de seguidores para afiliação?
ResponderExcluirBeijos Karola.
Cupcakezando.blogspot.com
Não é só você não, viu? hahaha ><
ExcluirBom que gostou, flor!
O mínimo é 200 ^^
Gostei desse menu,acho que vou usar!
ResponderExcluirrabiiiscosnopapel (.blogspot.com) é sem parenteses :3
Espero você lá no meu blog!
Bom que gostou, fofa!
ExcluirAh legal! Bem lindo.
ResponderExcluirBeijo, Lili.
Princesa Imperfeita / Layout novo
Bom que gostou, Lili ^^
ExcluirQue tutorial bacana!
ResponderExcluirFica super lindinho o resultado *-*
Beijos!♥ http://porckybunny.blogspot.com.br/
Bom que gostou, fofa!
ExcluirAmei o menu e lindo!!
ResponderExcluirSeu lay então nem me fale!!
Ta de parabéns..
mil beijos..
Segue meu blog e novo http://paraladamoda.blogspot.com.br/
Achei o nome engraçado e esse menu uma fofura! Parabéns pelo bom tutorial!
ResponderExcluirTem post novinho no meu blog e theme novo também! Saudades de você pelo meu blog... faz tempo que você não passa lá, hein?
Bjos e boa semana!
Camilla Martins - sugar-dance.org
Bom que gostou, Camilla! OMG, vou ir lá ver agora mesmo! Faz mesmo, sinto muito viu? Mas vou visitar agora mesmo!
ExcluirEu estava prestes a pedir esse tuto, believed? Kissus on >♥<, Paulinha!!
ResponderExcluirSério? hahaha ><
ExcluirGosteu muito do seu blog esta de parabéns hein anjo!
ResponderExcluirAnjo você está bem? Bora fica sabendo de mais uma novidades das bandas, então venhar conferir e me diz o que achoou?
http://estilloetendencias.blogspot.com.br/2012/10/novidades-sobre-banda-holdana.html
Ah amore peço sua ajudar, nãod eixer de curtir o Page da Blog pois isso me ajudar para ter entrevista e muito mais conteudo bacana no blog, bora me ajudar?
é so curtir
https://www.facebook.com/pages/Blog-Maah-Music/143057999137491?ref=hl
OBRIGADA por fazer parte do meu sonho!
@maahmusic
Não, se você quisesse mesmo teria no mínimo fingido que leu o post. Isso não é ser blogueira, é ser hipster poser e falsa.
ExcluirAmei o menu, acho que vou usar no meu próximo lay. O nome dele é uma coisa assim... sensacional(risos). Você intende bastante de a HTML não é? Porque para criar menus e coisas do tipo...
ResponderExcluirBeijinhos com bala de chocolate!
universoteengirl=-porlarissa...
Lindo, e o nome foi bem criativo, haha'
ResponderExcluirIrraciona-l|Blogspot
Ameei o Tutoo quem sabe faço no Proximo Layout.. Bjoos :*
ResponderExcluirgarotas-back.blogspot.com.br
Paula, aqui tá dizendo q a pagina nao existe. Como faço para quando apertar ir direto ao link?
ResponderExcluirpor favor me ajuda!
É que tem que colocar o link certinho, com "http://"
ExcluirAaah, obrigada *-*
ExcluirEste comentário foi removido pelo autor.
ResponderExcluir