ajudinha informatica

blog com dicas e ajuda em informatica e conhecimentos em geral

Atualize seu navegador -Campanha para acabar com o uso de browsers obsoletos

Atualize seu navegador -Campanha para acabar com o uso de browsers obsoletos

Versões antigas e desatualizadas de navegadores têm problemas de segurança e não acompanham os novos padrões de desenvolvimento para a Internet. O Atualize seu navegador faz parte de um movimento internacional para eliminar os navegadores obsoletos do mercado.
Por que devo atualizar?

Navegadores antigos como o Internet Explorer 6 (lançado em 2001) não exibem sites dentro dos padrões web, são repletos de bugs, não oferecem as funcionalidades dos browsers atuais como navegação por abas ou gerenciador de downloads e estão submetidos a sérios problemas de segurança como vírus e malware.

Ainda comprometem a qualidade da exibição de sites e limitam a criação de desenvolvedores, que precisam perder tempo adaptando o site para rodar nesses navegadores obsoletos.

Qual navegador escolher?

Mozilla Firefox 3
  • Navegação mais segura
  • Amplo diretório de temas e plugins
  • Velocidade na média, uso de memória na média
  • Disponível em português
Internet Explorer 8
  • Navegação mais segura
  • Integrado com os serviços Microsoft
  • Velocidade rápida, usa pouca memória
  • Disponível em português
Google Chrome
  • Interface fácil e limpa
  • Integrado com os serviços Google
  • Velocidade rápida, usa pouca memória
  • Disponível em português
Opera Browser
  • Navegação mais segura
  • Diversas opções de customização
  • Velocidade rápida, uso de memória na média
  • Disponível em português
Apple Safari
  • Navegação mais segura
  • Versão para Windows ainda em testes
  • Velocidade rápida, usa pouca memória
Flock
  • Usa o mesmo motor que o Mozilla Firefox
  • Total integração com redes sociais
  • Velocidade na média, usa muita memória
  • Somente em inglês

8 de junho de 2009 Posted by | google, HTML, internet, internet explorer | | Deixe um comentário

postagens com duas colunas como nas revistas

 
Sempre procuramos formas de apresentar os posts de maneira nova e atrativa. Assim, hoje vou deixar este post em duas colunas, do modo como é feito nos jornais e nas revistas convencionais. Simplesmente irei completar estas duas seções. A que diz TEXTO 1 ficaria deste lado..
… e a que diz TEXTO 2 ficaria à direita, como pode ver aqui. A posição das colunas se define mudando o código abaixo. Modifique os valores ao seu gosto. Espero que tenham gostado. Um abraço e … passemos ao código>>>>>
<table><tbody><tr><td style=”PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px”><p style=”TEXT-ALIGN: justify”> TEXTO 1 ………..<br></p><td style=”PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px”><p style=”TEXT-ALIGN: justify”> TEXTO 2 ……….</p></td></tr></tbody></table>

Legal né?
Então deixe um comentário.

31 de março de 2009 Posted by | Blospot, como usar, dica, dicas, HTML, internet, Tutorial | Deixe um comentário

Confira sete novidades e avanços do IE8

Confira sete novidades e avanços do IE8 com as quais a Microsoft espera recuperar sua presença no mercado e reduzir a euforia em torno do Firefox.

Download do IE 8 disponivel no site da Microsoft



1) WebSlices

O novo recurso WebSlices mantém o internauta atualizado sobre mudanças frequentes em determinadas áreas de web sites – notícias, cotações, resultados esportivos, previsões do tempo etc. – , que sejam compatíveis com o recurso, e as oferece na barra de Favoritos do browser. Assim, em vez de navegar até uma página de notícias, por exemplo, o internauta pode optar por receber um alerta na barra quando há uma atualização daquele conteúdo.

Ao clicar no ícone em destaque, o usuário acessa um preview da nova informação e, se desejar, pode acessar o site pra ter a informação mais completa.

Os sites compatíveis com o WebSlices são identificados por um ícone verde, que é exibido ao passar o mouse sobre as áreas que oferecem o recurso. Entre os sites compatíveis o WebSlices, desde a versão RC1 do IE 8, estão eBay, Digg e Facebook. O IDG Now! também conta com o recurso no novo IE8.

2) Tab Groups

A Microsoft foi acusada de copiar a idéia de navegação por abas criada pelo Firefox. No IE 8, a empresa busca ampliar e organizar o conceito de navegação por abas o popularize com o Tab Groups.

Mesmo com abas, o internauta pode se perder entre tantas janelas abertas dentro do browser. O Tab Groups organiza as abas relacionadas. Por exemplo, abas abertas do mesmo site são colocadas lado a lado e marcadas com a mesma cor. Desta forma, as abas podem ser fechadas ou movidas como um bloco único.

3) Botão de compatibilidade

Sites que não são compatíveis com o IE8 exibem imagens e textos de forma irregular. O botão Compatibility View permite que o usuário do IE8 visualize o site com a ferramenta de renderização do IE7. Desta forma, ao clicar no botão, a página volta ‘ao normal’.

O botão de compatibilidade se parece com um pedaço de papel rasgado e localiza-se do lado direito da barra de endereços. O internauta pode manter uma lista de sites que devem ser exibidos com o recurso in Compatibility View para não terem de clicar no botão a cada visita.

4) Acelerador

Desenvolvido para oferecer opções de internet instantaneamente ao internauta, o ícone Accelerator (uma seta azul) aparece toda vez que o usuário destaca uma palavra ou frase na página web. Clicando no ícone, diversos serviços relacionados à palavra selecionada aparecem em uma lista.

Por exemplo, se o internauta seleciona a palavra “São Francisco” em qualquer página web, pode clicar no ícone Accelerator e visualizar uma lista de opções ligadas a São Francisco, como a posição da cidade em um mapa, na opção Maps, ou fazer uma busca de conteúdos relacionados àquela palavra.

O usuário pode criar diversos aceleradores usando os sites mais populares na web. Entre eles estão todos os serviços do Google, do Yahoo, da plataforma Windows Live, da Wikipedia, do YouTube e de redes sociais como Facebook e Linkedin. 

5) Navegação privada

O Google Chrome lançou o modo de navegação privada e a Microsoft segue a mesma tendência com o recurso In-Private no IE8.

Quando o internauta está no In-Private Browsing, o IE não armazena dados sobre sua navegação. Ele desabilita arquivos temporários de internet, histórico, cookies e senhas.

Para acessar recurso, o usuário deve clicar em Ferramentas (Tools) e selecionar o In-Private Browsing. Ao navegar neste modo, um ícone do In-Private é exibido à esquerda da url na barra de endereços. Para desativar esta função basta fechar a janela correspondente.

6) Caixa de buscas avançada

A caixa de buscas do IE 8 ganhou funções para ser mais flexível. O usuário pode escolher a ferramenta de buscas que desejar e modificar sua seleção clicando nos ícones dos buscadores que adicionou em sua lista.

Além do Live Search, a área de buscas do IE8 já inclui Yahoo, Google, The New York Times, YouTube, Amazon, eBay e Wikipedia.

7) Barra de endereços inteligente

A Smart Address Bar do IE8 transforma a área de exibição da URL em um campo de buscas, assim como o Firefox 3. Se o internauta digita uma palavra na barra de endereços, o IE faz uma busca pelo histórico de navegação do usuário, por seus favoritos e feeds para encontrar sites relacionados ao que ele deseja acessar.

Os resultados se baseiam em títulos de páginas bem como em palavras-chave de endereços web, que são divididas em três grupos: Histórico, Favoritos e Feeds

A função é interessante se o usuário quer resgatar um vídeo, uma foto ou reportagens que lhe interessaram, mas não se lembra dos endereços onde as encontrou antes.

29 de março de 2009 Posted by | Blospot, como usar, computador, dica, HTML, internet explorer | Deixe um comentário

Tutorial Dreamweaver MX Básico

Com este turorial pretendo passar a todos os conceitos básicos do dreamweaver, este que é o melhor e o mais fácil programa de edição de páginas html da atualidade. Com este tutorial você que não conheçe nada sobre o Dreamweaver, já estará apto à conhecer conceitos avançados desse revolucionário software. Iremos enfatizar os botões e suas características. Vamos ao tutorial:

Área de trabalho
1º Vamos conhecer a área principal do Dreamweaver:


1 – Área do código html – Aqui é onde aparece o código HTML ou aonde você pode digitar o código Html caso você saiba.
2 – Área de edição do Dreamweaver (Projeto) – Nesta área você edita livremente, adiciona tabelas, digita, desenha camadas (Layers), insere links, flashs, tudo o que quiser.
3 – Mostrar a visualização do código – Se este botão estiver apertado ficará aparecendo somente a área do código HTML.
4 – Mostrar as visualizacões de código e do projeto – Se este obtão estiver apertado ficará aparecendo as duas áreas descriminadas nos itens 1 e 2.
5 – Mostrar a visualização do Projeto – Se este botão estiver apertado estará aparecendo somente a área descriminada no item 2.
6 – Visualizar/depurar no navegador – Apertando esse botão aparece um sub-menu com três opções, para usuários iniciante é importante ressaltar simplesmente a primeira opção que é Visualizar em iexplorer que ao ser apertado abre o navegador Internet Explorer para efeito de visualização do andamento do seu projeto.
7 – Opções de visualização – Ao apertar esse botão aparecem um monte de opções auto-explicativas como régua, número de linhas, grade, realçar html incorreto e etc.
8 – Tamanho da janela – Aqui você escolhe o tamanho da janela do Dreamweaver, isso serve só para facilitar a sua visão no programa com relação a resolução do seu desktop. Esse botão não influencia em nada no tamanho da sua página html, é mais para um efeito de conforto ao trabalhar com o programa.

Barra de Ferramentas Comum


1 – Hiperlink – Ao apertar esse botão aparecerá uma caixa onde vc pode escolher nome, arquivo, destino e etc do seu link.
2 – Link de correio eletrônico – ao apertar aparece uma caixa onde você digita o texto e o endereço do link de e-mail que quer fazer link.
3 – Âncora com nome – Âncora é um auxiliar que você coloca em uma certa parte da sua página html e depois coloca um link para essa ancora em outra parte da página, por exemplo eu posso colocar uma âncora em uma palavra no topo dessa página e fazer um link para essa âncora aqui.
4 – Tabela – ao apertar aparece um tela onde você escolhe tamanho, linhas, colunas e etc.
5 – Camada(Layers) – Esse botão desenha os famosos layers pelo qual todos são doidos, realmente usar layers é realmente muito melhor que trabalhar com tabelas. Ao apertar neste botão é só você posicionar o mouse na área do projeto eaonde vc queira que apareça por exemplo os posts do seu template e desenhar. Funciona como desenhar um retangulo no Paint Brush.
6 – Inserir Imagem – Ao apertar esse botão você visualiza uma tela onde vc escolhe a Url da sua imagem, entre outras características.
7 – Alocador de espaço de imagem – serve para você adaptar uma imagem que não cabe em um certo lugar ao tamanho que você desejar e que caiba no espaço que lhe tiver disponível.
8 – Html do Fireworks – serve para colocar um html mostrado pelo Fireworks. Como o Fireworks é um editor de imagens próprio para web ele também visualiza a imagem no IE e fornece o código html para ser enviado para o Dreamweaver. (usuários avançados).
9 – Flash – Serve para colocar um arquivo flash.
10 – Imagem Cambiável – É aquele tipo de link de imaçem onde aparece uma imagem e quando você passa o mouse por cima aparece outra. Funciona como a função Hover de css de links.
11 – Barra de Navegação – Inserir Barra de Navegação, não é interessante para usuários iniciantes.
12 – Régua Horizontal – Serve para inserir aquela barra divisória de dois blocos de textos por exemplo.
13 – Data – Iserir Data e Hora
14 – Dados tabulares – Serve para ajustar parágrafos, não é importante (eu nunca usei).
15 – Comentários – Adiciona comentários ao código html… Esses comentários não aparecem no resultado da página.
16 – Seletor de tags – Muito útil quando você esquece aquela tag super importante e não lembra, você aperta e entra em uma telinha onde você procura e adiciona a tag desejada.

Painel de Propriedades


O painel de propriedades provavelmente já está aberto ao abrir o Dreamweaver. Ele funciona sempre que você sublinha alguma coisa, marca, um texto, uma imagem, uma tabela, um link ou qualquer outra função do Dreamweaver. Portanto se você esta procurando como editar uma tabela (por exemplo) é só você marcar a ordar da tabela com o mouse e as propriedades irão aparecer neste painel. Esta é a aparência principal do painel, ela muda sempre que algo é selecionado dando opções novas opções aos usuários.
1 – Formato – Aqui você pode escolher o formato de parágrafo que todos nós já conhecemos através dos programas do Office.
2 – Fonte – Aqui você escolhe a fonte do seu texto. Geralmente na lista principal estão somente as fontes padrões, se quiser colocar alguma você tem que editar clicando no item editar lista, no mesmo menu de escolha de fonte.
3 – Tamanho – Escolhe o tamanho da fonte.
4 – Cor – Aqui você escolhe a cor do seu texto.
5 – Caixa de código da cor – Ao escolher uma cor o seu código html aparece nessa caixa. Caso a cor que você gostaria de usar não esteja disponível, é só você colocar o código da cor nesse campo que o programa reconhece.
6 – Link – Ao sublinhar um texto, digite nesse campo o url destino do seu link, após isso o seu link está pronto.
7 – Procurar arquivo – Se um texto estiver sublinhado e você quiser fazer link para um arquivo é só apertar nessa pastinha e procurar o arquivo.
8 – Destino – Nesse campo você escolhe se o link vai abrir em uma janela nova (_blank) na mesma janela (_self), em outra janela que já esteja aberta (_parents) e (_top) ao qual vocês me desculpem eu não sei pra que serve. (tentei descubrir mas não consegui).
9 – Da Esq. para a Direita: todos conhecidos, Negrito, Itálico, Alinhar à esquerda, alinhar ao centro, alinhar à direita, Justificar.

Painel Design


Esse painel serve para os estilos css. Com isso você não precisa ficar editando cada frase que você digitar no seu texto. Nele você pode editar por exemplo links, body(corpo da página), fonte, cores e estc (Estes serão direcionados a todo o documento) e os estilos classe que você pode direcionar para uma parte do documento (Ex de estilo classe: você crias o estilo css .div e na parte do documento que você queira usar as características desse estilo é só dentro da tag por exemplo <td valing=”top” class=”div”>…</td>. Você pode colocar ná tag que quiser, como <img…> <div ID=”Layer”…> e etc.
1 – Anexar a folha de estilos – Serve para você importar o estilo css de outra página ou de um arquivo externo ao seu documento.
2 – Novo estilo Css – Como o nome já diz, serve para adicionar um novo estilo css.
3 – Design – este painel tem as propriedades para se fazer um bom design em uma página. Desse painel só é importante para os iniciantes a aba Estilos CSS.
4 – Área do painel – Essa é a área do painel onde aparece os estilos classes criados. Clicando duas vezes com o botão esquerdo do mouse você abre essa telinha que nós vemos a seguir:

Nesse painel é aonde você começa a editar os estilos classe.
1 – Link – Fazer link para um estilo em outra página ou em um arquivo esterno ao documento.
2 – Novo – Adicionar novo estilo css ao documento ao apertar esse botão vai aparecer o painel que nós vemos mais abaixo…
3 – Concluído – ao apertar esse botão conclui a edição da página de estilos, claro que isso não impede você de voltar aqui para editar o que você não achou que ficou bom.
4 – Área de estilos – Nessa área ficam listados todos os estilos que você adicionou. Para voltar a edita-lo é só clicar duas vezes no que você deseja editar ou clicar nele uma vez e apertar o botão Editar. Para remover é só clicar no que deseja excluir e apertar o botão Remover.


Essa é a tela onde você define qual é o estilo que quer formatar ou onde você define um estilo classe.
1 – Nome – Nesse campo dependendo da opção assinalada abaixo vai haver opções a serem escolhidas nele.
2- Crial estilo personalizado (classe) – Com esta opção assinalada, na caixa nome você digita o nome do estilo classe ao seu gosto, tem que ficar claro que estilo classe você adiciona aonde você quiser sendo portanto inofensível ao documento inteiro, só vai ser afetado pelo estilo classe aonde você quiser que ele seja afetado. (Aonde você adicionar dentro da tag o class=”fulano” lembrando também que você pode colocar qualquer nome (claro aquele que lhe for mais útil) não é preciso saber de cór html pra usar estilo classe.
3 – Redefinir a tag de html – Se esta opção estiver assinalada No campo nome você pode escolher qualquer tag html e editar os seus estilos. Nesse caso o estilo será direcionado a todas as tags iguais no documento inteiro.
4 – Utilizar o seletor de CSS – Com esse selecionado aparece no menu Nome os quatro estilos de link: a:link(link normal), a:active(link quando você aperta sobre o botão do mouse sobre ele), a:hover(link quando o mouse passa por cima dele), e a:visited(Link que já foi visitado por você).
Dica: se você quer mesmo aprender a mexer no Dreamweaver e a fazer templates ou qualquer outro programa, corra atrás entre em layouts shops, baixe templates, entre nos códigos fontes da páginas htmls, estude os efeitos do html, faça testes, pois é assim que se aprende, ninguém aprende com curso ou com os outros explicando. O melhor jeito de aprender é enfiar a cara e fuçar. Muitas pessoas por aí sabe de tudo e nunca fez um curso de html, como eu, oque eu sei eu aprendi fuçando mesmo. Claro que a gente sempre tem uma dúvida, para isso é só você tirar a dúvida com alguém, comigo, com outro dono de layout shop, enfim… Tenho certeza que como aconteceu comigo tem muita gente que não deixa de ajudar, enfim são os usuários que nos dão prestígio. OK?
É isso aí galera, esse tutorial é bem básico espero que ajudem a vocês… Pelo menos com ele vocês já vão poder começar a ter uma bom base desse que é o melhor programa de html que existe. Queria dizer que esse tutorial foi feito por mim, sem a ajuda de nenhum outro turorial e por consequencia levou umas boas horas do meu tempo. Se quiser salvar em seu computador para treinar off-line, tudo bem, só peço para não distribuirem para download e nem disponibilize-o em seu site. Se você aprendeu com esse tutorial link-nos como forma de agradecimento.

27 de março de 2009 Posted by | Blospot, computador, dica, dicas, HTML, internet, pc, Tutorial | Deixe um comentário

Tabela de cores hexadecimais

Esta é a tabela com as principais cores e suas referências.Valor RGB e Hexadecimal


  Tabela de cores
A

     Estes são os códigos das cores básicas aceitas pelos
Browser: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.

     Esta é a tabela com as principais cores e suas referências:
Cor Valor RGB Hexadecimal
Snow 255 250 250 #FFFAFA
GhostWhite 248 248 255 #F8F8FF
WhiteSmoke 245 245 245 #F5F5F5
Gainsboro 220 220 220 #DCDCDC
FloralWhite 255 250 240 #FFFAF0
OldLace 253 245 230 #FDF5E6
Linen 250 240 230 #FAF0E6
AntiqueWhite 250 235 215 #FAEBD7
PapayaWhip 255 239 213 #FFEFD5
BlanchedAlmond 255 235 205 #FFEBCD
Bisque 255 228 196 #FFE4C4
PeachPuff 255 218 185 #FFDAB9
NavajoWhite 255 222 173 #FFDEAD
Moccasin 255 228 181 #FFE4B5
Cornsilk 255 248 220 #FFF8DC
Ivory 255 255 240 #FFFFF0
LemonChiffon 255 250 205 #FFFACD
Seashell 255 245 238 #FFF5EE
Honeydew 240 255 240 #F0FFF0
MintCream 245 255 250 #F5FFFA
Azure 240 255 255 #F0FFFF
AliceBlue 240 248 255 #F0F8FF
lavender 230 230 250 #E6E6FA
LavenderBlush 255 240 245 #FFF0F5
MistyRose 255 228 225 #FFE4E1
White 255 255 255 #FFFFFF
Black 0 0 0 #000000
DarkSlateGray 47 79 79 #2F4F4F
DimGrey 105 105 105 #696969
SlateGrey 112 128 144 #708090
LightSlateGray 119 136 153 #778899
Grey 190 190 190 #BEBEBE
LightGray 211 211 211 #D3D3D3
MidnightBlue 25 25 112 #191970
NavyBlue (Navy) 0 0 128 #000080
CornflowerBlue 100 149 237 #6495ED
DarkSlateBlue 72 61 139 #483D8B
SlateBlue 106 90 205 #6A5ACD
MediumSlateBlue 123 104 238 #7B68EE
LightSlateBlue 132 112 255 #8470FF
MediumBlue 0 0 205 #0000CD
RoyalBlue 65 105 225 #4169E1
Blue 0 0 255 #0000FF
DodgerBlue 30 144 255 #1E90FF
DeepSkyBlue 0 191 255 #00BFFF
SkyBlue 135 206 235 #87CEEB
LightSkyBlue 135 206 250 #87CEFA
SteelBlue 70 130 180 #4682B4
LightSteelBlue 176 196 222 #B0C4DE
LightBlue 173 216 230 #ADD8E6
PowderBlue 176 224 230 #B0E0E6
PaleTurquoise 175 238 238 #AFEEEE
DarkTurquoise 0 206 209 #00CED1
MediumTurquoise 72 209 204 #48D1CC
Turquoise 64 224 208 #40E0D0
Cyan 0 255 255 #00FFFF
LightCyan 224 255 255 #E0FFFF
CadetBlue 95 158 160 #5F9EA0
MediumAquamarine 102 205 170 #66CDAA
Aquamarine 127 255 212 #7FFFD4
DarkGreen 0 100 0 #006400
DarkOliveGreen 85 107 47 #556B2F
DarkSeaGreen 143 188 143 #8FBC8F
SeaGreen 46 139 87 #2E8B57
MediumSeaGreen 60 179 113 #3CB371
LightSeaGreen 32 178 170 #20B2AA
PaleGreen 152 251 152 #98FB98
SpringGreen 0 255 127 #00FF7F
LawnGreen 124 252 0 #7CFC00
Green 0 255 0 #00FF00
Chartreuse 127 255 0 #7FFF00
MediumSpringGreen 0 250 154 #00FA9A
GreenYellow 173 255 47 #ADFF2F
LimeGreen 50 205 50 #32CD32
YellowGreen 154 205 50 #9ACD32
ForestGreen 34 139 34 #228B22
OliveDrab 107 142 35 #6B8E23
DarkKhaki 189 183 107 #BDB76B
Khaki 240 230 140 #F0E68C
PaleGoldenrod 238 232 170 #EEE8AA
LightGoldenrodYellow 250 250 210 #FAFAD2
LightYellow 255 255 224 #FFFFE0
Yellow 255 255 0 #FFFF00
Gold 255 215 0 #FFD700
LightGoldenrod 238 221 130 #EEDD82
goldenrod 218 165 32 #DAA520
DarkGoldenrod 184 134 11 #B8860B
RosyBrown 188 143 143 #BC8F8F
IndianRed 205 92 92 #CD5C5C
SaddleBrown 139 69 19 #8B4513
Sienna 160 82 45 #A0522D
Peru 205 133 63 #CD853F
Burlywood 222 184 135 #DEB887
Beige 245 245 220 #F5F5DC
Wheat 245 222 179 #F5DEB3
SandyBrown 244 164 96 #F4A460
Tan 210 180 140 #D2B48C
Chocolate 210 105 30 #D2691E
Firebrick 178 34 34 #B22222
Brown 165 42 42 #A52A2A
DarkSalmon 233 150 122 #E9967A
Salmon 250 128 114 #FA8072
LightSalmon 255 160 122 #FFA07A
Orange 255 165 0 #FFA500
DarkOrange 255 140 0 #FF8C00
Coral 255 127 80 #FF7F50
LightCoral 240 128 128 #F08080
Tomato 255 99 71 #FF6347
OrangeRed 255 69 0 #FF4500
Red 255 0 0 #FF0000
HotPink 255 105 180 #FF69B4
DeepPink 255 20 147 #FF1493
Pink 255 192 203 #FFC0CB
LightPink 255 182 193 #FFB6C1
PaleVioletRed 219 112 147 #DB7093
Maroon 176 48 96 #B03060
MediumVioletRed 199 21 133 #C71585
VioletRed 208 32 144 #D02090
Magenta 255 0 255 #FF00FF
Violet 238 130 238 #EE82EE
Plum 221 160 221 #DDA0DD
Orchid 218 112 214 #DA70D6
MediumOrchid 186 85 211 #BA55D3
DarkOrchid 153 50 204 #9932CC
DarkViolet 148 0 211 #9400D3
BlueViolet 138 43 226 #8A2BE2
Purple 160 32 240 #A020F0
MediumPurple 147 112 219 #9370DB
Thistle 216 191 216 #D8BFD8
Snow1 255 250 250 #FFFAFA
Snow2 238 233 233 #EEE9E9
Snow3 205 201 201 #CDC9C9
Snow4 139 137 137 #8B8989
Seashell1 255 245 238 #FFF5EE
Seashell2 238 229 222 #EEE5DE
Seashell3 205 197 191 #CDC5BF
Seashell4 139 134 130 #8B8682
AntiqueWhite1 255 239 219 #FFEFDB
AntiqueWhite2 238 223 204 #EEDFCC
AntiqueWhite3 205 192 176 #CDC0B0
AntiqueWhite4 139 131 120 #8B8378
Bisque1 255 228 196 #FFE4C4
Bisque2 238 213 183 #EED5B7
Bisque3 205 183 158 #CDB79E
Bisque4 139 125 107 #8B7D6B
PeachPuff1 255 218 185 #FFDAB9
PeachPuff2 238 203 173 #EECBAD
PeachPuff3 205 175 149 #CDAF95
PeachPuff4 139 119 101 #8B7765
NavajoWhite1 255 222 173 #FFDEAD
NavajoWhite2 238 207 161 #EECFA1
NavajoWhite3 205 179 139 #CDB38B
NavajoWhite4 139 121 94 #8B795E
LemonChiffon1 255 250 205 #FFFACD
LemonChiffon2 238 233 191 #EEE9BF
LemonChiffon3 205 201 165 #CDC9A5
LemonChiffon4 139 137 112 #8B8970
Cornsilk1 255 248 220 #FFF8DC
Cornsilk2 238 232 205 #EEE8CD
Cornsilk3 205 200 177 #CDC8B1
Cornsilk4 139 136 120 #8B8878
Ivory1 255 255 240 #FFFFF0
Ivory2 238 238 224 #EEEEE0
Ivory3 205 205 193 #CDCDC1
Ivory4 139 139 131 #8B8B83
Honeydew1 240 255 240 #F0FFF0
Honeydew2 224 238 224 #E0EEE0
Honeydew3 193 205 193 #C1CDC1
Honeydew4 131 139 131 #838B83
LavenderBlush1 255 240 245 #FFF0F5
LavenderBlush2 238 224 229 #EEE0E5
LavenderBlush3 205 193 197 #CDC1C5
LavenderBlush4 139 131 134 #8B8386
MistyRose1 255 228 225 #FFE4E1
MistyRose2 238 213 210 #EED5D2
MistyRose3 205 183 181 #CDB7B5
MistyRose4 139 125 123 #8B7D7B
Azure1 240 255 255 #F0FFFF
Azure2 224 238 238 #E0EEEE
Azure3 193 205 205 #C1CDCD
Azure4 131 139 139 #838B8B
SlateBlue1 131 111 255 #836FFF
SlateBlue2 122 103 238 #7A67EE
SlateBlue3 105 89 205 #6959CD
SlateBlue4 71 60 139 #473C8B
RoyalBlue1 72 118 255 #4876FF
RoyalBlue2 67 110 238 #436EEE
RoyalBlue3 58 95 205 #3A5FCD
RoyalBlue4 39 64 139 #27408B
Blue1 0 0 255 #0000FF
Blue2 0 0 238 #0000EE
Blue3 0 0 205 #0000CD
Blue4 0 0 139 #00008B
DodgerBlue1 30 144 255 #1E90FF
DodgerBlue2 28 134 238 #1C86EE
DodgerBlue3 24 116 205 #1874CD
DodgerBlue4 16 78 139 #104E8B
SteelBlue1 99 184 255 #63B8FF
SteelBlue2 92 172 238 #5CACEE
SteelBlue3 79 148 205 #4F94CD
SteelBlue4 54 100 139 #36648B
DeepSkyBlue1 0 191 255 #00BFFF
DeepSkyBlue2 0 178 238 #00B2EE
DeepSkyBlue3 0 154 205 #009ACD
DeepSkyBlue4 0 104 139 #00688B
SkyBlue1 135 206 255 #87CEFF
SkyBlue2 126 192 238 #7EC0EE
SkyBlue3 108 166 205 #6CA6CD
SkyBlue4 74 112 139 #4A708B
LightSkyBlue1 176 226 255 #B0E2FF
LightSkyBlue2 164 211 238 #A4D3EE
LightSkyBlue3 141 182 205 #8DB6CD
LightSkyBlue4 96 123 139 #607B8B
SlateGray1 198 226 255 #C6E2FF
SlateGray2 185 211 238 #B9D3EE
SlateGray3 159 182 205 #9FB6CD
SlateGray4 108 123 139 #6C7B8B
LightSteelBlue1 202 225 255 #CAE1FF
LightSteelBlue2 188 210 238 #BCD2EE
LightSteelBlue3 162 181 205 #A2B5CD
LightSteelBlue4 110 123 139 #6E7B8B
LightBlue1 191 239 255 #BFEFFF
LightBlue2 178 223 238 #B2DFEE
LightBlue3 154 192 205

26 de março de 2009 Posted by | como usar, computador, dica, dicas, HTML, O que é, pc | Deixe um comentário