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.
terça-feira, 15 de novembro de 2011
quinta-feira, 3 de novembro de 2011
Barra de endereço inteligente com busca rápida
Nos 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
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
Novas visualizações do Blogger
Já viu como o HTMHelen fica lindo nas novas formas de visualização do Blogger? Não? Então eu mostro agora mesmo.
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.
segunda-feira, 27 de dezembro de 2010
Solução para miniatura de post do Blogger que não aparece - bug do Windows Live Writer
A possibilidade de exibir o recorte quadrado de uma imagem do Blogger-Picasa tem várias aplicações em widgets que usamos em nossos blogs. Uma delas é mostrar as miniaturas dos posts quando adicionamos uma lista de blogs à sidebar.
Porém, apesar de eu ter ativado as miniaturas, hoje observei que não aparece em meu blog nenhuma imagem para os blogs da lista Top 10.
quinta-feira, 9 de dezembro de 2010
Exibir recorte quadrado de uma imagem do Blogger-Picasa
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
Windows Live Writer Beta tem os emoticons do Messenger
Se você usa o Windows Vista ou o Windows 7, recomendo o pacote Windows Live Essentials Beta. Nele você vai encontrar o Windows Live Writer Beta que tem muitos recursos e atalhos que diminuem a necessidade de ter contato com o código fonte do post.
quinta-feira, 1 de abril de 2010
Calendários SanrioTown de abril/2010
Olha só que lindos os calendários do SanrioTown deste mês. Todos em formato de wallpaper para você usar no desktop do computador:
Bad Badtz-Maru
pdf – 800 x 600 – 1024 x 768 – 1600 x 1200
Shinkansen
pdf – 800 x 600 – 1024 x 768 – 1600 x 1200
Hello Kitty Online
pdf – 800 x 600 – 1024 x 768 – 1600 x 1200
U*sa*ha*na
pdf – 800 x 600 – 1024 x 768 – 1600 x 1200
Divirta-se!
Fonte: SanrioTown
quinta-feira, 25 de fevereiro de 2010
Calendários SanrioTown de março/2010
Garanta já seus quatro calendários de março/2010 em formato de papel de parede do site SanrioTown.
quinta-feira, 18 de fevereiro de 2010
Como buscar wallpapers no Google
Nível: iniciante
Buscar 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.
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:
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:
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:
Observe que os resultados da busca já melhoraram bastante:
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:
Divirta-se!
quinta-feira, 22 de outubro de 2009
Matérias e fotos do Encontro Nacional de Pregadores
De 15 a 18 de outubro de 2009 foi realizado em Brasília o Encontro Nacional de Pregadores. O material que a equipe nacional do MCS produziu durante o evento pode ser acessado no site pregacao.rccbrasil.org.br.
Paz e bem!
segunda-feira, 7 de setembro de 2009
NextGEN Gallery: Plugin de fotos para Wordpress
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?
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.
Quesito | Windows Live Galeria de Fotos (Photo Gallery) | Placar | Picasa |
---|---|---|---|
Empresa | Microsoft | … | |
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:
- Picasa
- Windows Live Galeria de Fotos (está no pacote Windows Live)
Divirta-se!
segunda-feira, 29 de junho de 2009
Como colocar imagem de fundo nos contatos do Live Messenger
Nível: iniciante
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.
Até mais!
quarta-feira, 17 de junho de 2009
Imagem fácil com Windows Live Writer
Nível: iniciante
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:
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.
Em seguida você seleciona a área desejada:
O resultado deste exemplo:
Bordas, alinhamento e link você escolhe na aba Imagem:
A aba Avançadas também tem outros recursos como Girar, Contraste/Brilho, Inclinação e Marca d'água:
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).
No WLW, o procedimento é o mesmo, basta colar com Ctrl + V ou com o botão direito do mouse:
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:
:: Digite um endereço de e-mail válido e clique no botão Signup:
:: Vá até sua caixa de entrada, verifique o e-mail do Gravatar e clique no link de ativação de conta:
:: Complete as informações básicas de cadastro:
Nickname: Deve ser inédito. Apenas letras e números, sem espaços ou caracteres especiais.
:: 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):
:: Quando tiver dado tudo certo, a mensagem na tela será parecida com essa:
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.
:: Na imagem escolhida, recorte o quadrado que será o seu avatar. Ao finalizar a seleção, clique no botão Crop and Finish!
:: 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.
:: 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:
:: 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:
Bom trabalho!