20.4.13

Como fazer as paginas iguais as do DW.- Menu Grow

Olá meus amores tudo bom ? Espero que sim.
A pedido na ask trouxe o tutorial de como fazer as paginas iguais as do DW
Vamos lá:


Esse é o menu 


1° Vá em -- Design -- Modelo -- Editar HTML -- Ctrl F/F3 dentro da caixinha -- Procure por : <head>
Caso queira a fonte OREGANO click aqui para ver 
 e abaixo da tag cole :
            <link href='http://fonts.googleapis.com/css?family=Oregano' rel='stylesheet' type='text/css'/>

2° Agora procure por : ]]</b:skin> e acima cole :

#box {background: url(http://static.tumblr.com/sxeyvs3/22ymcx558/banee.png) no-repeat;display: block;width: 970px;height: 87px;}grow {font-family: 'Oregano', cursive;font-size: 30px;display: inline-block;color: #fff;margin-top: 25px;margin-left: 15px;text-shadow: 0px 0px 3px #fff;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}grow:hover {-moz-transform: scale(1.3) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-webkit-transform: scale(1.3) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-o-transform: scale(1.3) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-ms-transform: scale(1.3) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);transform: scale(1.3) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);text-shadow: 0px 0px 7px #fff;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}

Mude apenas oque esta em negrito.

Entendendo*
background: url(http://static.tumblr.com/sxeyvs3/22ymcx558/banee.png) no-repeat;
é a faixinha que fica atrás do menu caso não queira apague toda a linha.

color: #fff; - é a cor da fonte

text-shadow: 0px 0px 3px #fff; - é o sombreado que fica em hover



 Caso não queira a fonte OREGANO click aqui
Escolha a fonte que preferir e em seguida no seu HTML procure por : <head>
e ao envés de colar aquele outro código com o nome da Fonte OREGANO cole esse acima da tag <head>
 <link href='http://fonts.googleapis.com/css?family=SUA FONTE AQUI' rel='stylesheet' type='text/css'/>
e coloque o nome da sua fonte no lugar marcado.

4° Agora vá té o  código do menu e onde esta escrito OREGANO, cole o nome da fonte que você escolheu ( a mesma que colocou no código acima)

5° Por ultimo vá em --Design --Layout --Adicionar um gadget --Selecione :HTML/JavaScript
e cole :


<center><div id="box"><a href="Link da sua pagina"><grow>Nome da sua pagina</grow></a><a href="Link da sua pagina"><grow>Nome da sua pagina</grow></a><a href="Link da sua pagina"><grow>Nome da sua pagina</grow></a>
<a href="Link da sua pagina"><grow>Nome da sua pagina</grow></a>
<a href="Link da sua pagina"><grow>Nome da sua pagina</grow></a>
<a href="Link da sua pagina"><grow>Nome da sua pagina</grow></a>
</div></center>

Onde esta Link da pagina, coloque a URL da pagina que quer que apareça
EXEMPLO:


 No caso será a sua URL , copie e cole no espaço Link da sua pagina.
vá colocando conforma as paginas escolhidas.

E onde esta NOME DA SUA PAGINA, será o nome que desejar colocar na pagina.



Créditos do menu:  Candy Pictures

Espero que tenham entendido qualquer coisa perguntem.

Bjs

2 comentários:

  1. Amei o tutu!
    Super obrigadinha tô super orgulhosinha do meu lay ^ x ^ e que bom que gostou do nome novo!

    Bjinhos ^-^
    Leite com Toddy

    ResponderExcluir
  2. Nossa amei, vou colocar no favoritos para por no meu manhã, fica muito legal bjs

    nossoblogsecreto.blogspot.com.br

    ResponderExcluir

Que bom que vai comentar !!
Mais para fazer isso leia as regrinhas:
- Aceito criticas ,sugestões e opiniões.
- Seguindo segue de volta,se comentar sobre o post.
- Não retribuirei a visita se não comentar sobre a postagem.
- Deixe o link do blog para eu retribuir a visita.
Eu e o DW agradecemos ! Fique com Deus .