03/04/2014

Tutorial: personalize o LinkWithin (COMPLETO)

Que tal esquecermos aquele estilo do LinkWithin pra lá e deixar da maneira como quiser? RÁ! 


Modelo>Editar Html> pressione as teclas Ctrl+F> procure por

]]></b:skin> 

acima cole o seguinte código:

.linkwithin_posts {
width:700px !important;
}
.linkwithin_posts a {
border: none !important;
padding-right:18px !important;
background-color:#fff;
background-image: none;
height: 200px;
}
.linkwithin_posts a:hover{
background-color:#fff!important;
}
.linkwithin_title:hover {
color:#ffffff!important;
background-color:#ff003a;
text-decoration:bold; !important;
}

Confira:



Altere o seguinte:

Vermelho: Recomendo que você não altere o valor 700px; e 200px;. A não ser que fique desproporcional com o tamanho da largura das suas postagens.

Violeta: Altere "border:none" para outros tipos de bordas.


border: 2px dotted #000000

border: 2px dashed #000000

border: 1px solid #0000FF

border: 4px double #FF0000

border: 3px groove #6666FF

border: 4px ridge #FFFFCC

border: 3px inset #FFFF99

border: 2px outset #6699FF


Roxo:
1ª Cor do fundo do gadget
2ª Cor do fundo quando passar o mouse

Azul Turquesa: caso queira um imagem como fundo, ao invés de cor. Deixando assim: background-image: url("URL DA IMAGEM")

Verde: cor do texto
Azul: cor do background do texto
Lilás: estilo do texto. Caso não queira negrito altere "bold" para um outro efeito:

underline  /* sublinhado /*
italic  /* italico /*
bold  /* negrito /*
line-through /* tachado /*
overline /* sobrelinha /*
underline overline /* sobrelinha e sublinhado /*



Resultado final:



Caso entende mais de Html fique a vontade hahah♥
Byee! 



Nenhum comentário:

Postar um comentário

Olá! Obrigada pela sua visita e comentário. Só peço que não venha com palavras de baixo calão!

Agradeço, desde já!♥