terça-feira, 26 de junho de 2012

Posicionando o autor e comentario

me pediram no xat de como posicionar o nome do autor, então vou ensinar a posicionar o nome do autor que servirá também pro link do comentário. 

Lembrando que. Aqui eu vou ensinar a posicionar não a colocar.

Vamos começar:
Pode variar de código a código, mais a maioria é parecida com esse.
.post-comment-link {
  float:left;
  margin: 0px 0px 0px 0px;
  font-family:calibri, arial;
  font-size:10px;
}
.post-comment-link a {
 color:#00000;
 text-decoration:none;
}
.post-comment-link a:hover {
 text-decoration:underline;
}
Agora vamos as dúvidas:
float:left : é o lado que vc quer que fique. 
left é o lado esquerdo, se quiser que fique a direita troque por right

margin: 0px 0px 0px 0px : são as posições que vc irá colocar, no caso são pros lados inferior, pra superior e pros lados, esquerdo e direito.
Vamos ver pra que serve cada uma, mais pra ter uma melhor base, veja a imagem acima:
A primeira:
0px 0px 0px 0px : Vai servir pra colocar pra superior, se vc quiser colocar pra baixo sem perder tempo, use o sinal de menos antes de colocar o número, que vai inverter a posição, no caso vai servir pra todos. 
A segunda:
0px 0px 0px 0px : Vai servir pra colocar pra deireita.
A terceira:
0px 0px 0px 0px : Vai servir pra colocar pra inferior, pra baixo.
A quarta:
0px 0px 0px 0px : Vai servir pra colocar pra esquerda.
font-size:10px : É simplesmente o tamanho da letra.
É pra finalizar a  color:#00000, que é a cor. Vou deixar abaixo a tabela de cores, daí é só escolher:

Espero que tenha sido útil. ^^

0 comentários:

Postar um comentário