Oiie minhas cats ! tudo bom ?? Espero que siim !
Disse a vcs que o DC só voltaria a postar Sabado né ?
Mais não consigo ficar sem vcs , : ) ♥ e nem sem postar !
Entaum resolvi fazer um tuto mostrando como fazer um menu igual ao do DC o nome é Blueberry
Inicio A dona
Créditos Miki Candy
Acheii lindo então achei que vcs também gostariam
Vamos lá !
Vá em --> Design --> Editar HTML --> Ctrl F >> Procure por :
Vá em --> Design --> Editar HTML --> Ctrl F >> Procure por :
Se achou cole abaixo o seguinte código
/* Menu Blueberry by Miki Candy */
blueberry{
color: #fff; /* cor da fonte quando passa o mouse */
text-align:center;
font-size: 11px; /* Tamanho da fonte do menu */
background: #3FCFAD ; /* Fundo do menu */
padding: 2px;
float: left;
margin: 2px;
cursor: crosshair; /*cursor */
width: 45%; /* tamanho do menu */
-webkit-transition-duration: .80s;
border:1px dotted #D682DE; /* bordas */
border-radius: 10px; /*---- bordas arredondadas ----*/
}
blueberry:hover{
background:#D682DE; /* fundo do menu quando passa o mouse */
border:1px solid #3FCFAD; /* bordas quando passa o mouse */
color: #fff; /* cor da fonte quando passa o mouse */
-webkit-transition-duration: .80s;
border-radius: 5px; /*---- bordas arredondadas ----*/
}
Faça as modificações visualize e se estiver tudo certo Salve !
PS. Se caso ficarem códigos em sima do titulo do seu blog ou der erro ao invés de colar abaixo cole o código acima de
]]></b:skin>
Agora para o MENU funcionar vá em --> DESIGN -->Layout --> Adicionar um GADGET-->
Selecione HTML/Java Script
Cole o seguinte código :
<div><a href="URL 1"><blueberry>NOME 1</blueberry></a>
<a href=" URL 2 "><blueberry>NOME 2</blueberry></a>
<a href=" URL 3 "><blueberry>NOME 3</blueberry></a>
<a href=" URL 4"><blueberry>NOME 4</blueberry></a></div>
Faça as alterações ! e salve !! se caso vc tenha mais página é só selecionar mais códigos !
Créditos : Miki Candy
Créditos : Miki Candy
amei flor
ResponderExcluirseguindo como pediu ~]
Este comentário foi removido pelo autor.
ResponderExcluirOii flor , Amei a diquinha ! seguindo aqui seu blog que como sempre tá lindo ! bjiinho CCP , sempre que posso visito aqui !
ResponderExcluirGostei do menu, bem bonitinho *o*
ResponderExcluirJá estou seguindo aqui (: Sucesso com o novo DC.
-Blog Promised Land.
Yo! x)
ResponderExcluirNoss, amei esse menu *o* Miki é muito incrível \õ\
Ah, e boa sorte com o blog :)
Bye~
http://roseof-pain.blogspot.com.br/
Obrigada lindas !
Excluir