01/02/2013

Tutorial: 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 entereçante, 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.



.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;
}



.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;}



.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
    Respostas
    1. Ah obrigada, faça bom uso. >3

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram