sexta-feira, 2 de novembro de 2012

Criando e colocando imagem no título de gadget

Salve Salve penguins ! Tudo bem ? Nescauh aqui !

Hoje estarei ensinando como criar uma imagem e coloca-la no título de cada gadget para deixar seu blog bem mais bonito. Bom vamos lá.

Para começar abra seu Fireworks e crie um novo documento de 232x40 px.

Faça um retângulo cobrindo todo espaço de desenho,em seguida coloque um contorno e comece a colocar a imagem,reduzir ou aumentar ela para ficar posicionada no lugar certo.

Agora adicione alguma imagem do lado ou mesmo no meio de sua sidebar,personalize-a a seu gosto e salve.

Editando o HTML

1. Vá em Modelo.
2. Clique em Editar HTML.
3. De CTRL+F e procure pelo seguinte trecho:
h2 {
Em h2 { terá vários códigos dentro,no final do código cole o seguinte trecho:
background-image: url(endereço da imagem);}

Seu código ficará parecido com isso:

h2 {background-color: #6699FF;
background-repeat: no-repeat;
background-position: right top;
background-image: url(endereço da imagem);}

Agora visualize, e salve se estiver tudo OK.

Espero que tenham gostado da dica, até a próxima !

4 comentários:

  1. Respostas
    1. você pode usar outros programas além do fireworks! você pode usar o paint (mas eu não recomendo), ou o Paint.NET, um programa de edição de imagens leve, e fácil de usar!

      Excluir
    2. não deu certo! ficou muito pequeno!

      Excluir