01/02/2013

Modelos para Leia Mais


Boa noite pessoal, trago mais umas coisinhas para personalizar o blog de vocês. Venho postar alguns modelos de "Leia Mais"  feitos pela Kαorii, créditos de KW. Eu sempre uso um branquinho meio opaco, mas para quem gosta de botões acho que vale muito a pena dar uma olhada. Falta apenas dois layouts para terminar, então voltarei em breve a postar normalmente e visitar meus afiliados. Mas voltando a falar dos botões, eu realmente achei bem enteressante, não é tão chamativo como uma imagem. Mas carrega bem mais rápido e  é diferente.

Para adicionar um dos botões basta procurar por ]]></b:skin>, e acima adicione o código escolhido, se você tiver alguma imagem ou outro tipo de botão remova antes.



Códigos
.jump-link  {
text-align: right;
margin-top: 3px;
}
.jump-link a {
-moz-box-shadow: 0px 10px 14px -7px #276873;
        -webkit-box-shadow: 0px 10px 14px -7px #276873;
        box-shadow: 0px 10px 14px -7px #276873;
     
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
        background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
        background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
        background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
        background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
        background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
     
        background-color:#599bb3;
     
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
     
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:13px;
        font-weight:bold;
        padding:9px 14px;
        text-decoration:none;
     
        text-shadow:0px 1px 0px #3d768a;
}



Códigos
.jump-link  {
text-align: right;
margin-top: 3px;
}
.jump-link a {
-moz-box-shadow:inset -1px 1px 1px 0px #efdcfb;
-webkit-box-shadow:inset -1px 1px 1px 0px #efdcfb;
box-shadow:inset -1px 1px 1px 0px #efdcfb;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4ccf5), color-stop(1, #c8a0e8) );
background:-moz-linear-gradient( center top, #e4ccf5 5%, #c8a0e8 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4ccf5', endColorstr='#c8a0e8');
background-color:#e4ccf5;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #c596e6;
display:inline-block;
color:#ffffff;
font-family:Verdana;
font-size:12px;
font-weight:bold;
padding:6px 10px;
text-decoration:none;
text-shadow:1px 1px 0px #9752cc;
}
.jump-link a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c8a0e8), color-stop(1, #e4ccf5) );
background:-moz-linear-gradient( center top, #c8a0e8 5%, #e4ccf5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8a0e8', endColorstr='#e4ccf5');
background-color:#c8a0e8;}



Códigos
.jump-link {
text-align: right; margin-top: 3px; } .jump-link a {
-moz-box-shadow:inset -1px 1px 1px 0px #ffa3d3;
-webkit-box-shadow:inset -1px 1px 1px 0px #ffa3d3;
box-shadow:inset -1px 1px 1px 0px #ffa3d3;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f590b8), color-stop(1, #e062aa) );
background:-moz-linear-gradient( center top, #f590b8 5%, #e062aa 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f590b8', endColorstr='#e062aa');
background-color:#f590b8;
border:1px solid #de62aa;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:6px 13px;
text-decoration:none;
text-shadow:1px 1px 0px #bf6d7a;
}
.jump-link a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e062aa), color-stop(1, #f590b8) );
background:-moz-linear-gradient( center top, #e062aa 5%, #f590b8 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e062aa', endColorstr='#f590b8');
background-color:#e062aa; }

9 comentários:

  1. Anônimo1/2/13

    O ultimo e super lindo

    ResponderExcluir
  2. já tinha visto eles em algum lugar e adoro ^^ sorry por ndar visitando aqui pouco >.<
    Kissus~

    ResponderExcluir
    Respostas
    1. rsrs tudo bem ^^
      Mas continuarei visitando vc, amo seu blog

      Excluir
  3. Obrigado linda amei o tuto, me levo o ultimo ao meu blog. beijos

    ResponderExcluir
  4. Respostas
    1. Poxa que pena... tenta novamente que pode dar certo.

      Excluir
  5. Wendy vou usar no meu blog! Vou creditar ((:
    Adorei *w*

    ResponderExcluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345