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.
Agora adicione alguma imagem do lado ou mesmo no meio de sua sidebar,personalize-a a seu gosto e salve.
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.
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);}
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 !




Nao Consigo Achar h2{
ResponderExcluirComo se acha o fireworks???
ResponderExcluirvocê 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!
Excluirnão deu certo! ficou muito pequeno!
Excluir