Mostrando postagens com marcador Imagens. Mostrar todas as postagens
Mostrando postagens com marcador Imagens. Mostrar todas as postagens

terça-feira, 15 de novembro de 2011

Ajustar miniatura no Facebook

Miniatura sem ajuste

O que vou mostrar aqui é bem simples, mas quem usa pouco a rede social (ou não domina a arte da fuçologia) não percebeu ainda que dá para ajustar a miniatura no Facebook quando a foto não é quadrada. Dezenas de amigos meus estão mutilados em suas miniaturas: tem gente sem olho, sem uma bochecha, sem testa, sem queixo, sem boca… um verdadeiro campo de guerra. Mas é fácil resolver isso. Os passos abaixo servem para perfis e páginas.

quinta-feira, 3 de novembro de 2011

Barra de endereço inteligente com busca rápida

Boneco com lupaNos três navegadores mais populares é possível cortar caminho “ensinando” a barra de endereços a buscar palavras no dicionário, conjugar verbos, mostrar imagens, encontrar letras de música e muito mais. Para isso basta usar o recurso de palavra-chave de pesquisa, que é um atalho para buscar rapidamente.

Vou mostrar como se faz a configuração em cada navegador usando como exemplo a busca do próprio HTMHelen, mas depois indicarei vários sites muito úteis que você pode adicionar como atalho de busca também. Apenas o tópico Chrome é pré-requisito obrigatório para compreender os outros.

quinta-feira, 14 de julho de 2011

Fotos vintage com pixlr-o-matic

Coloquei efeito retrô até na logo do pixlr-o-matic

Depois do Instagram, foto com efeito retrô virou praga na web. Mas se você não tem celular de gente rica e quer brincar também, use o pixlr-o-matic, site que edita suas fotos on-line. Ele tem efeitos muito bonitinhos que podem melhorar bastante fotos ruins ou sem graça.

quinta-feira, 31 de março de 2011

sexta-feira, 11 de março de 2011

Os olhos de um apaixonado

Antes de nos apaixonarmos

Entre uma paixão e outra, nos sentimos em um balão. Livre, flutuando, admirando outros balões igualmente livres e flutuantes. Nem tudo é alegre, nem tudo é vibrante, mas quem se importa? O relevante é aproveitar a liberdade e nossa capacidade de voar por aí, sentindo a brisa, olhando as nuvens, admirando o sol.

Balões coloridos, nuvens no céu
Foto daqui.

segunda-feira, 27 de dezembro de 2010

quinta-feira, 9 de dezembro de 2010

sábado, 21 de agosto de 2010

Quebra de linha em HTML: possibilidades da tag <br>

Quem trabalha com posts cheios de imagens já está careca de saber que a tag <br/>, quando solitária, não resolve todas nossas necessidades de quebra de linha. Quando você incrementa mais a diagramação do post precisa ter um controle maior das quebras de linha para que fique tudo no seu devido lugar.

sexta-feira, 9 de julho de 2010

quinta-feira, 1 de abril de 2010

quinta-feira, 25 de fevereiro de 2010

quinta-feira, 18 de fevereiro de 2010

Como buscar wallpapers no Google

Nível: iniciante

Google SearchBuscar qualquer coisa no Google é muito fácil, muito mais fácil do que a maioria das pessoas pensa que é. No que se refere a imagens não é diferente, pouca gente usa o menu de opções que tornam a busca muito mais precisa, sendo quase impossível não encontrar o que deseja.

Esta dica para iniciantes não traz nada de extraordinário, é apenas mais uma daquelas sacadas tão “bobinhas” que os mais experientes aprendem tão fácil fuçando que não se lembram de ensinar para quem está começando.

Neste post vou mostrar os passos para uma busca de papel de parede, mas é claro que o mesmo poderá ser aplicado na busca de qualquer outra imagem.

1. Descubra sua resolução de tela

Você encontra a resolução de tela do seu monitor nas Configurações de vídeo do seu sistema operacional. Se você usa Windows XP, Vista ou Seven, pode aprender a fazer isto usando esta página.

2. Abra a busca de imagens do Google

Entre no site images.google.com.br, digite na caixa de busca o tema que deseja e clique Enter. Neste exemplo vou usar o termo estrela. Observe que, até agora, as imagens que aparecem pouco lembram wallpapers.

Busca simples

Fazendo o mesmo teste com a expressão wallpaper estrela, aparecem imagens que lembram papéis de parede, mas são de tamanhos variados e nenhum compatível com a minha resolução de tela:

Wallpapers

3. Clique no link “Mostrar opções”

Ao clicar no link + Mostrar opções, vários filtros de busca vão aparecer pra você do lado esquerdo do site:

Mostrar opções

4. Personalize suas opções de busca

Na série de links onde está escrito Qualquer tamanho, clique em Exatamente e coloque a resolução (em pixels) de sua área de trabalho. Em seguida clique no botão Pesquisar:

Exatamente

Observe que os resultados da busca já melhoraram bastante:

Resultados da busca

Como você provavelmente tem uma preferência de cor para sua área de trabalho, pode também marcar no menu a opção cor específica e ter resultados ainda mais precisos:

Red

Divirta-se!

quinta-feira, 22 de outubro de 2009

segunda-feira, 7 de setembro de 2009

NextGEN Gallery: Plugin de fotos para Wordpress

Wordpress logo
Nível: intermediário

Atenção! Antes que me venham com churumelas, deixo claro que esse recurso é apenas para quem usa Wordpress com acesso ao FTP da hospedagem. Traduzindo, não é para quem usa wordpress.com.

No última sexta-feira nós (do MCS) tínhamos apenas alguns minutos para descobrir um plugin para fotos no Wordpress que fosse interessante tanto para inserir fotos individuais como para galeria de fotos. Que fosse eficiente e bonito tanto na exibição das miniaturas como no slideshow.

quinta-feira, 30 de julho de 2009

Picasa ou Windows Live Galeria de Fotos?

Paleta de Cores

O meu editor de imagens favorito vocês já sabem qual é, mas reconheço que a maioria das pessoas tem mais facilidade para se adaptar à ferramentas de edição mais gráficas, mais pedagógicas e, consequentemente, mais pesadas.

Seguem então algumas informações sobre dois programas gratuitos, fáceis de usar e muito populares. Provavelmente você vai gostar no mínimo de um dos dois.

Picasa
Picasa, Google
WL Galeria de Fotos
Windows Live Galeria de Fotos, Microsoft
Quesito Windows Live Galeria de Fotos (Photo Gallery) Placar Picasa
Empresa Microsoft Google
Sistema operacional Windows 1 × 3 Windows, Linux e Mac
Organização das pastas Perfeita 1 × 0 Horrível
Simplicidade
Instalei, abri e usei!
Sim 1 × 0 Não
Botão "desfazer tudo" Sim 1 × 0 Não
Opções de edição Algumas 0 × 1 Muitas
Acesso rápido a webcam Não 0 × 1 Sim
Integração com programa de e-mail Windows Live Mail 1 × 1 Programa de e-mail padrão de sua máquina
Integração com webmail Não 0 × 1 Gmail
Integração com álbum na web Windows Live (SkyDrive) 1 × 1 Picasa Web
Integração com Flickr Sim 1 × 1 Sim
plugin aqui
Integração com editor de blog Windows Live Writer 1 × 1 Blogger
Mais alguma integração? Plugins
clique aqui
1 × 1 Google Earth
Exportação de álbum como página da web Não 0 × 1 Sim
Movie Maker Não 0 × 1 Sim
Busca de imagens por cor Não 0 × 1 Sim
Melhor que IrfanView Não 0 × 0 Não
Mais leve que IrfanView Não 0 × 0 Nunca
Resultado Windows Live Galeria de Fotos 9 × 14 Picasa

O Picasa é mais completo, mas o Windows Live Galeria de Fotos é mais simples. Para ter sua própria conclusão de qual é o melhor, seguem os links de download:

Divirta-se!

segunda-feira, 29 de junho de 2009

Como colocar imagem de fundo nos contatos do Live Messenger

Nível: iniciante
image

Um recurso antigo, mas pouco difundido que o Windows Live Messenger (WLM) tem desde as primeiras versões do MSN Messenger, é a possibilidade de colocar uma imagem de fundo na janela de contatos.

1º passo: Escolha a imagem com tamanho adequado e em formato .gif que deseja utilizar no background. Caso a imagem não esteja no tamanho adequado ou esteja em outro formato, utilize o programa IrfanView ou qualquer outro para editá-la.

2º passo: Copie essa imagem para a pasta de instalação do Live Messenger. No Windows XP, o caminho padrão para o WLM 2009 é C:\Arquivos de programas\Windows Live\Messenger.

3º passo: Renomeie essa imagem para lvback.gif (sendo que .gif é a extensão que ela já deve ter). Somente com esse nome ela vai funcionar como bg dos contatos.

4º passo: Feche a janela de contatos do Live Messenger e abra novamente para ver a alteração.

Seguem algumas imagens que você pode usar para aprender o recurso.

lvback6 lvback7 lvback4 lvback3

Até mais!

quarta-feira, 17 de junho de 2009

Imagem fácil com Windows Live Writer

Nível: iniciante
image

Um dos muitos motivos para atualizar seu blog com Windows Live Writer é que fica muito mais fácil inserir e editar imagens, já que não é preciso usar outro editor, o WLW faz o básico e mais um pouco.

Para as imagens capturadas com a tecla Print Screen, basta usar o atalho Ctrl + V no modo Editar para colar a imagem no post, sem precisar usar outro editor de imagens porque o WLW cola ela direto da área de transferência.

Caso precise redimensionar, basta clicar na imagem e, no painel do lado direito, clicar em Avançadas » Tamanho para selecionar as medidas desejadas, como fiz neste exemplo:

image

Caso queira selecionar apenas um pedaço da imagem, você tem que clicar na imagem e em seguida na ação Cortar, também dentro na aba Avançadas.

image

Em seguida você seleciona a área desejada:

image

O resultado deste exemplo:

image

Bordas, alinhamento e link você escolhe na aba Imagem:

image

A aba Avançadas também tem outros recursos como Girar, Contraste/Brilho, Inclinação e Marca d'água:

image

Para alguma que você pega na web (da Wikimedia Commons, por exemplo), o procedimento também é bastante simples.

Clique com o botão direito sobre a imagem desejada e selecione Copiar imagem (Firefox, Chrome e Safari), Copiar imagem para área de transferência (Opera), Copiar (Internet Explorer) ou Copy Image (Flock).

image

No WLW, o procedimento é o mesmo, basta colar com Ctrl + V ou com o botão direito do mouse:

image

Bom trabalho!

sábado, 13 de junho de 2009

Gravatar, seu avatar no Wordpress

Nível: iniciante

Gravatar é o site que grava seu avatar. Que didático! Ao salvar sua imagem no site, sempre que você comentar em algum fórum, blog ou site que utilize o sistema, seu avatar aparecerá automaticamente, sem precisar fazer novos uploads. Bem legal!

O site tem plugins para Wordpress, Joomla, Drupal e outros gerenciadores de conteúdo, além de poder ser implementando manualmente em sites com as mais diversas linguagens de programação, o que torna o sistema quase “universal” no que se refere a gerenciamento de avatars.

Quem sabe inglês vai conseguir se virar sozinho no cadastro, mas para quem ainda fica tonto com tantas informações em “gringuês”, segue um tutorial:

1. Cadastro

:: Entre no site www.gravatar.com e clique em Sign Up:

signup

:: Digite um endereço de e-mail válido e clique no botão Signup:

image

:: Vá até sua caixa de entrada, verifique o e-mail do Gravatar e clique no link de ativação de conta:

clique-ativar

:: Complete as informações básicas de cadastro:

Nickname: Deve ser inédito. Apenas letras e números, sem espaços ou caracteres especiais.

image

:: Se o nickname já existir, aparecerá a seguinte mensagem, o que significa que você precisa escolher um nickname original e digitar tudo novamente (inclusive o password):

image

:: Quando tiver dado tudo certo, a mensagem na tela será parecida com essa:

Cadastrado

2. Upload do avatar

:: Clique no link Add one by clicking here.

:: Clique no link My computer's hard drive.

:: Clique em escolher arquivo. Busque a imagem em seu computador. Clique no botão Next.

escolher-arquivo

:: Na imagem escolhida, recorte o quadrado que será o seu avatar. Ao finalizar a seleção, clique no botão Crop and Finish!

image

:: Em seguida você classifica seu avatar. Se for um avatar decente, do seu rosto ou sua caricatura, por exemplo, clique em G. As outras classificações são para imagens censuradas:

  • PG → gestos provocativos, como fazer banana ou mostrar o dedo médio; roupas provocativas, como mega-decotes, micro-shorts, micro-saias, etc.
  • R → nudez; uso de cigarro, álcool ou drogas ilícitas; violência; profanação religiosa.
  • X → pornografia, estripamento, canibalismo e outros atos sinistros assim.
image

:: Pronto, você já tem um avatar configurado. Sempre que comentar com seu e-mail em algum site que use o sistema, sua imagem aparecerá automaticamente. Alguns blogs parceiros onde você pode testar seu avatar agora mesmo:

3. E-mails e imagens adicionais

:: Outra facilidade do Gravatar é que, com uma mesma conta, você pode cadastrar vários e-mails e usar diferentes avatars para cada um deles. Basta clicar em add new email e repetir o processo de cadastro de e-mail, do primeiro tópico.

:: Após confirmar o endereço, basta clicar em add new image para adicionar novo(s) avatars, repetindo o mesmo processo de upload de image, do tópico 2. Quando o novo avatar já estiver cadastrado, deve aparecer a seguinte tela:

escolha

:: Essa mensagem pergunta a qual endereço você deseja vincular o avatar. Isso é muito interessante porque você pode querer mostrar avatars diferentes: um para o e-mail pessoal, outro para o e-mail do blog, outro para o e-mail da empresa e quantos e-mails e avatars você cadastrar.

:: Para trocar o avatar padrão de um e-mail basta clicar no e-mail desejado, escolher a imagem e confirmar:

image

Bom trabalho!