Tutorial - Leia Mais

Annyeonghaseyooo ! 

Desculpe por não ter postado cedo, estava sem internet novamente. Hoje irei ensinar a fazer o Leia Mais do antigo layout do ICC.

Sem hover

Com hover

Clique em Leia Mais

Como personalizar Leia Mais

1- Vá em Modelo e depois em Editar HTML

2- Digite Ctrl + F e cole o código abaixo :

}.post-footer-line-1{

border-bottom: 1px dashed #B1AFA9;

font-size:8px;

font-family: littlepixel;

}

.post-footer-line-2{

border-bottom: 1px dashed #B1AFA9;

font-size:10px;

font-family: Valera Round;

}.jump-link  {

text-align: right;

margin-top: 5px;

margin-left: -40px;

margin: -2px -11px .65em -11px;

}

.jump-link a {

padding: 4px;

color: #fff;

background: #baddf9;  

border:1px solid #8dcaf9;

text-shadow: 0px 1px 2px #c7c7c7;

box-shadow: 0px 1px 3px #ccc;

font-family: Patrick hand;

font-size: 8px;

border-radius: 6px 0 0 6px;

-webkit-transition: all 0.5s linear;

}

.jump-link a:hover {

padding: 4px;

color: #fff;

background: #eaa0b6;  

border:1px solid #ea7ba6;

text-shadow: 0px 1px 2px #c7c7c7;

box-shadow: 0px 1px 3px #ccc;

font-family: Patrick hand;

font-size: 8px;

border-radius: 6px 0 0 6px;

}

float: center;

font-family: littlepixel; 

}

Roxo - Cor dos fundos e das bordas
Rosa - Tamanho das fontes
Azul - Fonte
Verde - Posicionamento do Leia Mais
Amarelo - Cor das fontes


Annyeong !