Modelo 01: Cole o código do quote abaixo acima de ]]></b:skin>
OBS: Cole a imagem em um fundo branco ou abra em nova aba para visualizar o modelo melhor.
.jump-link a{
letter-spacing: .1em;
font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
font-style: none;
font-weight: none;
font-size: 11px;
text-transform: lowercase;
color: #bbb;
}
.jump-link{
padding: 3px 5px 3px 5px;
background-color: #f2f2f2;
border-bottom: 3px solid #e8e8e8;
margin: 2px;
text-align: center;
display: inline-block;
-webkit-border-radius: 3px;
-webkit-border-bottom-right-radius: 1px;
-webkit-border-bottom-left-radius: 1px;
-moz-border-radius: 3px;
-moz-border-radius-bottomright: 1px;
-moz-border-radius-bottomleft: 1px;
border-radius: 3px;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.jump-link:hover{
background-color: #f5f5f5;
-webkit-border-radius: 1px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius: 1px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-radius: 1px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}
Modelo 02: Cole o código do quote abaixo acima de ]]></b:skin>
.jump-link a{
letter-spacing: .1em;
font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
font-style: none;
font-weight: none;
font-size: 11px;
text-transform: lowercase;
color: #fff;
text-shadow: 1px 1px 0 #b7c8d6;
}
.jump-link{
height: 17px;
width: 60px;
padding: 3px 5px 3px 5px;
border: 1px solid #bbc9d5;
box-shadow: inset 1px 1px 0 #eaeff3;
margin: 2px;
text-align: center;
display: inline-block;
background: #d7e0e8;
background: -moz-linear-gradient(top, #d7e0e8 77%, #e3eaef 78%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(77%,#d7e0e8), color-stop(78%,#e3eaef));
background: -webkit-linear-gradient(top, #d7e0e8 77%,#e3eaef 78%);
background: -o-linear-gradient(top, #d7e0e8 77%,#e3eaef 78%);
background: -ms-linear-gradient(top, #d7e0e8 77%,#e3eaef 78%);
background: linear-gradient(to bottom, #d7e0e8 77%,#e3eaef 78%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e0e8', endColorstr='#e3eaef',GradientType=0 );
-webkit-transition-duration: .30s;
}
.jump-link:hover{
background: #e3eaef;
box-shadow: inset 1px 1px 0 #f3f5f6;
background: -moz-linear-gradient(top, #e3eaef 22%, #d7e0e8 23%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#e3eaef), color-stop(23%,#d7e0e8));
background: -webkit-linear-gradient(top, #e3eaef 22%,#d7e0e8 23%);
background: -o-linear-gradient(top, #e3eaef 22%,#d7e0e8 23%);
background: -ms-linear-gradient(top, #e3eaef 22%,#d7e0e8 23%);
background: linear-gradient(to bottom, #e3eaef 22%,#d7e0e8 23%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3eaef', endColorstr='#d7e0e8',GradientType=0 );
-webkit-transition-duration: .30s;
}
Modelo 03: Cole o código do quote abaixo acima de ]]></b:skin>
.jump-link a{
letter-spacing: .1em;
font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
font-style: none;
font-weight: none;
font-size: 11px;
text-transform: lowercase;
color: #fff;
text-shadow: 1px 1px 0 #d1becf;c0a1bc
}
.jump-link{
height: 17px;
width: 60px;
padding: 4px 5px 3px 5px;
box-shadow: inset 0 0 3px #d8c9d7, 3px 3px 0 #f7f7f7;
margin: 2px;
text-align: center;
display: inline-block;
background: #e8e1e7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition-duration: .20s;
}
.jump-link:hover{
background: #e0d5de;
box-shadow: inset 0 0 3px #cbb2c7, 3px 3px 0 #f7f7f7;
text-shadow: 1px 1px 0 #b290ad;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition-duration: .60s;
}
Modelo 04: Cole o código do quote abaixo acima de ]]></b:skin>
.jump-link a{
letter-spacing: .1em;
font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
font-style: none;
font-weight: none;
font-size: 11px;
text-transform: lowercase;
color: #fff;
text-shadow: 1px 1px 0 #cdd9a8;
}
.jump-link{
height: 17px;
width: 68px;
padding: 4px 5px 3px 5px;
border: 1px solid #cdd9a8;
box-shadow: inset 1px 1px #f4f8e7;
margin: 2px;
text-align: center;
display: inline-block;
background: #e8efd2;
background: -moz-linear-gradient(top, #e8efd2 22%, #dfe8c3 25%, #edf2dc 87%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#e8efd2), color-stop(25%,#dfe8c3), color-stop(87%,#edf2dc));
background: -webkit-linear-gradient(top, #e8efd2 22%,#dfe8c3 25%,#edf2dc 87%);
background: -o-linear-gradient(top, #e8efd2 22%,#dfe8c3 25%,#edf2dc 87%);
background: -ms-linear-gradient(top, #e8efd2 22%,#dfe8c3 25%,#edf2dc 87%);
background: linear-gradient(to bottom, #e8efd2 22%,#dfe8c3 25%,#edf2dc 87%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8efd2', endColorstr='#edf2dc',GradientType=0 );
-webkit-transition-duration: .90s;
}
.jump-link:hover{
background: #edf2dc;
background: -moz-linear-gradient(top, #edf2dc 13%, #dfe8c3 75%, #e8efd2 78%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,#edf2dc), color-stop(75%,#dfe8c3), color-stop(78%,#e8efd2));
background: -webkit-linear-gradient(top, #edf2dc 13%,#dfe8c3 75%,#e8efd2 78%);
background: -o-linear-gradient(top, #edf2dc 13%,#dfe8c3 75%,#e8efd2 78%);
background: -ms-linear-gradient(top, #edf2dc 13%,#dfe8c3 75%,#e8efd2 78%);
background: linear-gradient(to bottom, #edf2dc 13%,#dfe8c3 75%,#e8efd2 78%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2dc', endColorstr='#e8efd2',GradientType=0 );
-webkit-transition-duration: .90s;
}
Adorei os modelos, o meu preferido foi o primeiro, talvez por ele ser mais simples ASUAHSUSHAU ♥
ResponderExcluirKissu ~~
the-kawaiis.blogspot.com
SHAISUHAISUS' Obrigada Gasai! *u*
ExcluirNão estou mais a usar layouts free, mas esse acho que usarei shaush ♡ Sob os modelos, um mais lindo que o outro, mds!
ResponderExcluirBjs ♡
Garota Kawaii (perfil ♡)
Obrigada, Emi! ♥
ExcluirQue modelos fofos, Mack >3<
ResponderExcluirAjudou muito a tentar descobri o novo layout e o free, nem desfocou ç3ç
Até mais, www.b-urning.blogspot.com.br
Obrigada Ruisu *u* SIAUHSIAUSHAS' Sério? T uT
ExcluirMuito troll! Eu fui no desespero pra ver os lays e estava embaçado -.- auhusuahsu Muito fofos os modelos de leia mais, principalmente o azul (Sou fissurada em azul (♥3♥))
ResponderExcluirKisses ~~♥ || Empire Kawaii Está aceitando afiliação? Caso sim, me avise, ok?
SAIUSHAISUHAS' Nunca seria tão mole assim q Awn, somos duas então ♥
ExcluirAceito sim, se quiser pode me colocar e aí me avisa *u*
Puxa eu amei, estão lindos demais :D.
ResponderExcluirVocê tem um grande talento.
Beijos.
Awe ♥ Muito obrigada, Hannah!
ExcluirQue lindos, sério eu adorei esses modelos, são os modelos de leia mais, mais lindos que eu já vi *3* Estão perfeitos, eu amo quando você coloca gradient, pode um dia ensinar como usar? Eu iria amar. HAHA.
ResponderExcluirQuerendo Voar *U* || Querendo Voar ~ (Beijão <3 )
Awn, obrigada Anny ♥ Ah, é um site, ele meio que "gera" >3<
ExcluirAmei os modelos, são lindinhos *3*
ResponderExcluirbeijos, qwerty ~♥
Obrigada, Paeoniae *u*
ExcluirAnciosa para esse troca de layout, e desse free que por sinal é perfeito!
ResponderExcluirOs modelos são bem diwos mas não combinam muito com meu lay..
u-bandit.blogspot.com // Unicorn Bandit ~♥
Obrigada, Camz ♥ Ah, quem sabe um próximo, não é? *u*
ExcluirQue fofinhos!! Adorei os modelos e com certeza usarei um!
ResponderExcluirEu fiquei olhando para a imagem do layout esperando elas carregarem. hahahahaha
Ei, honey, você tem vagas para afiliados?
Bjoss
LS || blog-littlesecrets.blogspot.com.br
Obrigada, Izzy ♥ SHAIUSHAIS' Tenho sim >3<
ExcluirEstou bem, e você meu anjo? Já estou vendo que o novo layout será tão fofo quanto este, e quanto ao free.. mesmo sem poder vê-lo "perfeitamente" eu já amei as cores *uu*
ResponderExcluirEstou in love com estes modelinhos *oo* Amei todos, com certeza irei usar algum.
Até mais, anjo :3
Estou bem, Jay ♥ Awn, obrigada TuT
ExcluirPorque todas as blogueiras estão fazendo esse suspensezinho pra mostrar os lays?????????????? ~aloka da curiosidade rsrs~
ResponderExcluirAmei os modelos e já te coloquei como afiliada do meu blog u3u
Chuu ~ blueberrycorderosa.blogspot.com
SIAUSHAISUAHS' Vai saber TuT Obrigada Jessica ♥
ExcluirComo esse layout free deve estar lindo unnie <33 o outro eu já conheço u.u ~me sentindo especial aqui HSHAUHSUAHS'~ E esses modelos de leia mais estão muito lindos Mackie >3<
ResponderExcluirChu~ || @MyPinkOcean
SAISUHAISUAHS' Obrigada dongie ♥
ExcluirQue diwos ♥ Amei Mack !
ResponderExcluirhttp://b-kswan.blogspot.com.br/
Muito obrigada, já usei, credito depois ok?
ResponderExcluirCute !
ResponderExcluirCreative world♦