Modelos de Leia Mais II

 

Boa tarde, pessoal.

Hoje eu estou com muita preguiça de responder e retribuir os comentários e por isso não fiz com as postagens anteriores, espero que não se irritem. A partir dessa postagem tudo volta ao normal, o problema é que calor me irrita e aqui está quase insuportável de viver. Recebi várias sugestões do que fazer com o Revenge, agradeço bastante. Provavelmente vou fazer algo com uma equipe.

Deixo com vocês alguns modelos que preparei para o leia mais de vocês, bem naquele modelo de button mesmo, mas com cores e estilos variados. Se quiserem o leia mais com algum outro tipo de coisa além de botões, me avisem que eu posto aqui para todos. Para aplicar os códigos abaixo, pegue-os e cole antes da tag ]]></b:skin> como fazemos quase sempre na realização de tutoriais.

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

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

}