Perfil do Blogger - Alterar tamanho da imagem

27 novembro, 2009

De vez em quando me dá na telha de ficar futucando nos códigos do Blogger, entendendo que existe "uma certa lógica" neles. Para isso criei uns Blogs de Testes que me permitem ficar tranqüilo se essas experiências não funcionarem direito. He, he, he!
Em um destes experimentos descobri como alterar o tamanho da imagem do Perfil do Blogger (aquele gadget "Quem eu sou").
Para fazer isso vá em:
Personalizar > Layout > Editar HTML, salve uma cópia do mesmo clicando "Baixar modelo completo", não marcar caixa "Expandir modelos de widgets" e procure por algo igual ou semelhante ao código abaixo.

.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $bordercolor;
}
Para alterar tamanho da imagem é só adicionar a parte em vermelho (o numeral é vc quem decide) como no exemplo abaixo.
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $bordercolor;
  width: 60px;
  height: 70px; 

}
Para modificar a borda é só alterar a parte em azul podendo deixar assim:
border: 1px solid #000000;
Em azul, a largura e tipo de borda. Experimente: solid, dotted, dashed, double, groove, ridge, inset, outset. Vá testando clicando em "Visualizar", chegando a seu gosto clique em "Salvar Modelo".
Em vermelho, você pode colocar a cor que quiser. Veja Tabela de cores.  





Postar um comentário

blog comments powered by Disqus
 
Tema para Blogger por :: BloggerSPhera :: Imagens, conteúdo, calibragens, etc... Por :: Burity ::