Designer novo + Menu novidade.

 Por: Lalalalala    19:59  menu, tutorial   2 Comentarios

Olá amooores, to tão feliz, o blog voltou e com designer novinho totalmente desenvolvido pela Nathaly do blog Charming Productions, exclusivamente para o Little things html. Somos inteiramente gratos.

Ficou perfeito né :3 amei, ainda mais que escolhemos a Anahi pro feat, achei perfeito, maravilhoso, ameeeei.

Preview (www)

KKK, depois de declarar o meu amor incondicional novo Layout, eu vou falar do Menu novidade.

Vi esse menu lá no blog Princess Tutoriais, e achei ele bem interessante.

No modelo html , procure por ]]></b:skin>

e acima dele coloque:

.novi{

width:154px;

height:40px;

background-color:#ff8080;

text-align:left;

text-indent:5px;

margin-left:57px;

font-family:bebas neue;

font-size:20px;

color:#3C2A2A;

margin-top:5px;

}

 .novi p{

font-size:11px;

line-height:11px;

}

 .novi img{

width:40px;

height:40px;

position:absolute;

margin-left:-63px;

}

 .novi:hover img{

-webkit-animation:brilha 0.7s;

-moz-animation: brilha 0.7s;

}

 .novi:before {

content:"";

position: absolute;

width: 0;height: 0;

border-top: 2px solid transparent;

border-right: 18px solid #ff8080;

border-bottom:8px solid transparent;

margin: 22px 0 0 -21px;

}

@-webkit-keyframes brilha {

   0% { opacity: 0.5;}

   25% {opacity: 1;} 

  50% {opacity: 0.5;}

    75% { opacity: 1;}

   100% {opacity: 0.5;}

   }

@font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf');

}

E salve. Vá em Layout e crie um novo gadget Javascript/html 

e coloque :

<a href="https://www.blogger.com/LINK" target="_blank"></a><br />

<div class="novi">

<a href="https://www.blogger.com/LINK" target="_blank"><img align="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv5WtRAeii98zWszROnca5LxE0NiQG87VC-F1PmG1F7s2lNdDpJB-LADuJs3WnMvlkYYZnN3rjc12b941yHD_WunQenKUMUb6Gk3yUh4D6wV5PS1CxG8jBaLAM903n2WLIzKxE21HkgnI/s1600/tumblr_ml7bybK2Br1qd0q57o3_500_large.png" />TITULO DA NOVIDADE</a><br />

<a href="https://www.blogger.com/LINK" target="_blank">SUBTITULO </a></div>

<a href="https://www.blogger.com/LINK" target="_blank"></a><br />

<div class="novi">

<a href="https://www.blogger.com/LINK" target="_blank"><img align="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv5WtRAeii98zWszROnca5LxE0NiQG87VC-F1PmG1F7s2lNdDpJB-LADuJs3WnMvlkYYZnN3rjc12b941yHD_WunQenKUMUb6Gk3yUh4D6wV5PS1CxG8jBaLAM903n2WLIzKxE21HkgnI/s1600/tumblr_ml7bybK2Br1qd0q57o3_500_large.png" />TITULO DA NOVIDADE</a><br />

<a href="https://www.blogger.com/LINK" target="_blank">SUBTITULO </a></div>

<a href="https://www.blogger.com/LINK" target="_blank">

</a>

<a href="https://www.blogger.com/LINK" target="_blank"><div class="novi">

<img align="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv5WtRAeii98zWszROnca5LxE0NiQG87VC-F1PmG1F7s2lNdDpJB-LADuJs3WnMvlkYYZnN3rjc12b941yHD_WunQenKUMUb6Gk3yUh4D6wV5PS1CxG8jBaLAM903n2WLIzKxE21HkgnI/s1600/tumblr_ml7bybK2Br1qd0q57o3_500_large.png" />TITULO DA NOVIDADE<br />

SUBTITULO</div>

</a>

<a href="https://www.blogger.com/LINK" target="_blank"><div class="novi">

<img align="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv5WtRAeii98zWszROnca5LxE0NiQG87VC-F1PmG1F7s2lNdDpJB-LADuJs3WnMvlkYYZnN3rjc12b941yHD_WunQenKUMUb6Gk3yUh4D6wV5PS1CxG8jBaLAM903n2WLIzKxE21HkgnI/s1600/tumblr_ml7bybK2Br1qd0q57o3_500_large.png" />TITULO DA NOVIDADE<br />

SUBTITULO </div>

</a> 

E salve.