Modelos para o Estic-Puxa

Oie pessoal!! Julieta na área, voltei da viagem!! Sabe o menu que eu fiz neste post? Então, hoje vou postar uns modelos bacanas dele aqui e agora para vocês. Cole o código da caixinha logo acima do ]]></b:skin

est { /* by Julieta */ background: #F570AA; /* Cor de fundo do Menu */ width: 80%; text-align: left; font-size: 10px; /* Tamanho da fonte */ color: #F8B6E7; /* Cor da fonte */ letter-spacing:3px; /* Espaço entre as letras */ padding: 4px; margin: 2px; float: left; -moz-border-radius: 10px 40px 40px 10px; border-radius: 10px 40px 40px 10px; -webkit-transition-duration: .5s; /* Tempo do Efeito */ } est:hover { background: #F8B6E7; /* Cor do fundo do Menu ao passar o mouse */ width: 100%; text-align: left; font-size: 10px; /* Tamanho da fonte ao passar o mouse */ color: #F570AA; /* Cor da fonte ao passar o mouse */ letter-spacing:5px; /* Espaço entre as letras */ padding: 4px; margin: 2px; float: left; -moz-border-radius: 10px 50px 50px 10px; border-radius: 10px 50px 50px 10px; -webkit-transition-duration: .5s; /* Tempo do Efeito */ /* by Julieta */ }

est { /* by Julieta */ background: url(http://bglabs.evade.netdna-cdn.com/45875kli90/151.jpg); /* Cor de fundo do Menu */ width: 80%; text-align: left; font-size: 10px; /* Tamanho da fonte */ color: #954BD2; /* Cor da fonte */ letter-spacing:2px; /* Espaço entre as letras */ padding: 4px; margin: 2px; float: left; -moz-border-radius: 10px 40px 40px 10px; border-radius: 10px 40px 40px 10px; -webkit-transition-duration: .5s; /* Tempo do Efeito */ } est:hover { background: #C8C1CE; /* Cor do fundo do Menu ao passar o mouse */ width: 100%; text-align: left; font-size: 10px; /* Tamanho da fonte ao passar o mouse */ color: #954BD2; /* Cor da fonte ao passar o mouse */ letter-spacing:6px; /* Espaço entre as letras */ padding: 4px; margin: 2px; float: left; -moz-border-radius: 10px 50px 50px 10px; border-radius: 10px 50px 50px 10px; -webkit-transition-duration: .5s; /* Tempo do Efeito */ /* by Julieta */ }

est { /* by Julieta */ background: url(http://bglabs.evade.netdna-cdn.com/45875kli90/162.gif); /* Cor de fundo do Menu */ width: 80%; text-align: left; font-size: 10px; /* Tamanho da fonte */ color: #BAE3F1; /* Cor da fonte */ letter-spacing:3px; /* Espaço entre as letras */ padding: 4px; margin: 2px; float: left; -moz-border-radius: 10px 40px 40px 10px; border-radius: 10px 40px 40px 10px; -webkit-transition-duration: .5s; /* Tempo do Efeito */ } est:hover { background: url(http://bglabs.evade.netdna-cdn.com/45875kli90/434.gif); /* Cor do fundo do Menu ao passar o mouse */ width: 100%; text-align: left; font-size: 10px; /* Tamanho da fonte ao passar o mouse */ color: #1D5B8A; /* Cor da fonte ao passar o mouse */ letter-spacing:5px; /* Espaço entre as letras */ padding: 4px; margin: 2px; float: left; -moz-border-radius: 10px 50px 50px 10px; border-radius: 10px 50px 50px 10px; -webkit-transition-duration: .5s; /* Tempo do Efeito */ /* by Julieta */ }

 E depois, acrescente um widget de Java script/Html e cole o seguinte código (vale para todos os estilos acima):

<a href="LINK"><est>NOME DA PÁGINA</est></a>

Multiplique o quanto quiser ^^