Editar imagens online

Um site bem interessante para editar imagens online é o PiZap, fiz um teste e gostei do resultado e além disso é divertido ficar mexendo nas fotos. Se quiser fazer um teste antes de mexer nas suas imagens o site fornece algumas fotos, basta clicar numa das três imagens abaixo, mas se quiser fazer com uma imagem ou foto que esteja no seu computador é só clicar em Upload Photo e encontre a foto que deseja.
Quando clicar para carregar a imagem ela automaticamente aparece na sua tela e com um menu com varias ferramentas do lado direito text, stickers, face, paint, note que ao clicar em qualquer um deles aparecerão novas opções logo abaixo, então é só usar a criatividade e fazer o que quiser com sua imagem. Depois de terminar clique no botão save image e escolha public ou private se deixar public ela vai para a galeria de imagens, portanto é uma escolha que depende da sua vontade, então escolha e clique no botão save image.

Agora vai aparecer uma tela para você copiar o código da sua imagem a primeira linha (embed) é o código pronto para colocar a imagem no blog e a segunda é um link para a página que você estava vendo no PiZap. Ainda se quiser pode fazer o download da imagem, mas o site altera o tamanho, clique no botão download embaixo da imagem e escolha o tamanho.

Read rest of entry

Barra de rolagem nos marcadores

Para modificar a aparência (cor da letra, itálico, cor de fundo ou colocar uma barra de rolagem) somente dos marcadores do blog precisamos criar um novo estilo CSS e aplicar aos marcadores somente. Isso é feito em duas partes, primeiro entre na pagina editar HTML e clique para Expandir modelos de widgets, então procure os marcadores do seu blog.

No caso deste blog (imagem acima) o nome dos nossos marcadores é guia rápido, então encontre os marcadores do seu blog na pagina editar HTML, é claro será com o nome (titulo) que você usa nos marcadores. Quando achar umas linhas abaixo tem <>, modifique para ficar igual dessa imagem < class="'guiarapido'">, a palavra guiarapido será o novo estilo CSS que vamos criar então pode ser qualquer palavra, mas cuidado para não apagar os sinais ao lado ‘ porque sem eles não vai funcionar.

Depois que fizer isso vá até o começo do html, onde estão os estilos do seu blog (body, main, sidebar...) e coloque isso aqui:

.guiarapido { font-style: italic;
height: 200px;
overflow: auto;
}

A parte fonte-style: italic; é o efeito itálico, as outras linhas são a barra de rolagem, o valor 200 é a altura, isso você pode modificar como quiser. Se quiser colocar estilos diferentes para quando o mouse está sobre os links, faça desse jeito:

.guiarapido {height: 200px;
overflow: auto;
}

.guiarapido a{font-weight: bold;
}

.guiarapido a:hover{ font-style: italic;
}

Se não quiser a barra de rolagem nos marcadores é só não colocar a primeira parte do código. Nas duas partes seguintes coloque os estilos que desejar: tipo de letra, tamanho... (lembrando que a parte que tem o “a” são os links e “a:hover” é quando colocamos o mouse sobre o link, assim podemos editar somente os marcadores do blog sem alterar o restante dos links ou textos. Vamos lembrar mais uma vez que fizemos tudo isso usando o estilo com o nome de guiarapido apenas como exemplo, você pode usar qualquer palavra, mas tem que ser exatamente igual em todas as partes do código.

Read rest of entry