Ícones, Ícones com Fundo Transparente, Ícones Animados: FAVICON

Postado por ken adams em 6 de Março de 2008

Favicon é a junção dos termos em inglês Favorite Icon, que em português ficaria algo como Ícones dos Favoritos. Na prática, é aquele iconezinho que fica do lado esquerdo da URL, no campo de endereços do navegador.

Para gerar um favicon você deve, basicamente, seguir esses passos:

  1. Criar um arquivo com extensão .ico
  2. Fazer o upload do arquivo em algum servidor
  3. Inserir a tag especifica na página web onde você quer mostrar seu ícone

1. Criando arquivo .ico

Os Favicons tem dimensões 16×16 pixels. Existe, basicamente, dois jeitos de criar um Favicon. O primeiro, a partir de softwares específicos de criação de ícones, sendo o mais famoso o Microangelo. Os programas de edição de imagens como o Adobe Photoshop e o Fireworks não criam esse tipo de arquivo.

O segundo jeito é criar uma imagem em qualquer programa de edição de imagens e usar ferramentas online para convertê-los para o formato certo. Recomendo dois ótimos Favicon Generator:

www.html-kit.com/favicon

Nessa primeira ferramenta, você tem a possibilidade de criar um Favicon Animado automaticamente (os favicons animados só podem ser visualizados no navegador Firefox, e eles, na verdade, são gifs animados com as dimensões 16×16 pixels).

tools.dynamicdrive.com/favicon

No Favicon Generator do Dynamic Drive (link acima), você tem a possibilidade de mesclar ícones para desktop (32×32 pixels, 48×48 pixels) no mesmo arquivo .ico gerado.

» Ícones com Fundo Transparente

Para criar favicons com fundo transparente é só criar um arquivo png ou gif com fundo transparente e enviá-los para essas ferramentas.

» Ícones Animados

Ícones animados podem ser criados no Adobe Fireworks ou Adobe Flash, depois exportados para o formato animated gif (não esqueça que as imagens devem ter dimensões 16×16 pixels). Nesse caso, não é necessários convertê-los para o formato .ico através dessas ferramentas.

2. Fazendo o Upload do Arquivo

Se você não tem onde hospedar o ícone que você criou com tanto carinho, coloque-o em algum servidor gratuito, como o Brinkster. Os sites de hospedagem de imagens como o Imageshack e o Photobucket não aceitam arquivos com essa extensão.

3. Inserindo a Tag no Código da sua Página

<link rel="shortcut icon" href="http://www.seudominio.com.br/favicon.ico" type="image/x-icon" />

Insira a tag acima no seu código, entre as tags <head>. No href (entre as aspas) coloque o caminho certo onde está seu arquivo .ico, inclusive o nome do arquivo e formato.

<link rel="icon" href="http://www.seudominio.com.br/animated-favicon.gif" type="image/gif" />

Ou a tag acima para favicons animados (lembre-se: só será renderizado no Firefox). No caso, você pode colocar os dois. Assim se o usuário estiver usando um outro navegador que não seja o Firefox, o favicon tradicional será mostrado.

Pronto! É só!!! Have Fun…

100 Excelentes Cartões de Visitas para Inspiração

Postado por admin em 26 de Fevereiro de 2008

Cartão de Visita 01
Cartão de Visita 02
Cartão de Visita 03
Cartão de Visita 04
Cartão de Visita 05
Cartão de Visita 06
Cartão de Visita 07
Cartão de Visita 08
Cartão de Visita 09
Cartão de Visita 10
Cartão de Visita 11
Cartão de Visita 12
Cartão de Visita 13
Cartão de Visita 14
Cartão de Visita 15
Cartão de Visita 16
Cartão de Visita 17
Cartão de Visita 18
Cartão de Visita 19
Cartão de Visita 20

Caracteres Especiais do HTML

Postado por ken adams em 7 de Janeiro de 2008

As tabelas abaixo referem-se aos caracteres especiais (adicionais) do padrão de codificação ISO-8859-1 (Latin-1), o repertótio europeu de caracteres. Os símbolos em destaque são os códigos (entidades) renderizados pelos navegadores. Logo abaixo deles o código (entidade) correspondente.

á Á ã Ã â Â à À
&aacute; &Aacute; &atilde; &Atilde; &acirc; &Acirc; &agrave; &Agrave;
ä Ä å Å é É ê Ê
&auml; &Auml; &aring; &Aring; &eacute; &Eacute; &ecirc; &Ecirc;
ë Ë í Í î Î ì Ì
&euml; &Euml; &iacute; &Iacute; &icirc; &Icirc; &igrave; &Igrave;
ï Ï ó Ó õ Õ ô Ô
&iuml; &Iuml; &oacute; &Oacute; &otilde; &Otilde; &ocirc; &Ocirc;
ò Ò ö Ö ú Ú û Û
&ograve; &Ograve; &ouml; &Ouml; &uacute; &Uacute; &ucirc; &Ucirc;
ù Ù ü Ü ý Ý ÿ Ÿ
&ugrave; &Ugrave; &uuml; &Uuml; &yacute; &Yacute; &yuml; &Yuml;
ç Ç ñ Ñ
&ccedil; &Ccedil; &ntilde; &Ntilde;

Outros Caracteres Especiais

© ®
&diams; &spades; &hearts; &clubs; &copy; &reg; &trade; &euro;
£ ¢ ¥ ¤   & ˆ ˜
&pound; &cent; &yen; &curren; &nbsp; &amp; &circ; &tilde;
¨ ´ ¸ "
&uml; &acute; &cedil; &quot; &ldquo; &rdquo; &lsquo; &rsquo;
« » º ª
&lsaquo; &rsaquo; &laquo; &raquo; &ordm; &ordf; &ndash; &mdash;
¯ ¦ § ¿ ¡
&macr; &hellip; &brvbar; &bull; &para; &sect; &iquest; &iexcl;
æ Æ œ Œ š Š
&aelig; &AElig; &oelig; &OElig; &dagger; &Dagger; &scaron; &Scaron;
þ Þ ð Ð § ƒ ß µ
&thorn; &THORN; &eth; &ETH; &sect; &fnof; &szlig; &micro;

Caracteres Lógicos

> < ± × ÷
&gt; &lt; &ge; &le; &plusmn; &minus; &times; &divide;
&lowast; &frasl; &permil; &int; &sum; &prod; &radic; &infin;
·
&asymp; &cong; &prop; &equiv; &ne; &there4; &middot; &part;
°
&image; &real; &prime; &Prime; &deg; &ang; &perp; &nabla;
ø Ø
&oplus; &otimes; &alefsym; &oslash; &Oslash; &isin; &notin; &cap;
&cup; &sub; &sup; &sube; &supe; &exist; &forall; &empty;
¬
&not; &and; &or; &crarr; &larr; &rarr; &uarr; &darr;
&harr; &lArr; &rArr; &uArr; &dArr; &hArr; &lceil; &rceil;
¹ ² ³ ½ ¼
&lfloor; &rfloor; &loz; &sup1; &sup2; &sup3; &frac12; &frac14;
¾
&frac34;

Alfabeto Grego

α Α β Β γ Γ δ Δ
&alpha; &Alpha; &beta; &Beta; &gamma; &Gamma; &delta; &Delta;
ε Ε ζ Ζ η Η θ Θ
&epsilon; &Epsilon; &zeta; &Zeta; &eta; &Eta; &theta; &Theta;
ι Ι κ Κ λ Λ μ Μ
&iota; &Iota; &kappa; &Kappa; &lambda; &Lambda; &mu; &Mu;
ν Ν ξ Ξ ο Ο π Π
&nu; &Nu; &xi; &Xi; &omicron; &Omicron; &pi; &Pi;
ρ Ρ σ Σ ς τ Τ υ
&rho; &Rho; &sigma; &Sigma; &sigmaf; &tau; &Tau; &upsilon;
Υ φ Φ χ Χ ψ Ψ ω
&Upsilon; &phi; &Phi; &chi; &Chi; &psi; &Psi; &omega;
Ω ϑ ϒ ϖ
&Omega; &thetasym; &upsih; &piv;

LWAM DESIGN BLOG, 2008. Todos os direitos reservados. Powered by WP. Original Theme by K.
LWAM DESIGN BLOG é subdomínio de © LWAM. Criação por RAVI Propaganda. criacao@ravipropaganda.com.br