Descubra a cor em RGB de toda a sua tela

Rapaziada, desculpem pela falta de post, mas o trabalho esta apertando e estou estudando bastante sobre Gerência de Projetos e estou aprendendo muitas coisas úteis que em breve irei postar aqui.

Bom, eu tenho um software que realmente não me lembro onde eu peguei, que é bastanta útil para quem desenvolve layouts.

A ferramenta EyeDropper (que tem 276kb) diz qual a cor em RGB que esta na tela, bastanta você posicionar o cursor do mouse em cima da cor desejada.

A ferramenta não precisa de instalação, quando executada, um ícone de conta-gotas irá aparecer no tray:

Basta clicar duas vezes no ícone para ativar a ferramenta e mais duas vezes para desativar.

Fácil não? Aconselho o download (compactado .zip - 120kb) = (descompactado - 276kb )!

Abraços

Definir Background repetidos com CSS

Olá rapaziada,

a correria esta muito grande e esta cada vez mais difícil postar no blog. Mas vamos lá!

O que hoje ensinar hoje é algo muito simples de se fazer e também importante e que da um efeito bem bacana no site.

Bom, cansado de colocar aquela cor chapada ao redor do seu site? hoje vamos mudar isso.

A imagem abaixo mostra o “site” com o fundo com uma cor chapada na cor laranja. vamos adicionar um plano de fundo bacana nele utilizando CSS.

Então, o nosso resultado final terá que ser:

Para colocar este plano de fundo, utilizamos apenas um quadrado de 100 X 100, a imagem abaixo:

Copie e coloque no mesmo local da sua página em html.

Bom, depois de ter a imagem na mesma pasta do HTML, agora vamos inserir os códigos em CSS para pegar a imagem e colocar como plano de fundo. segue:

Na linha 7 e 11 estamos iniciando e finalizando o código em CSS.
Na linho 8, estamos abrindo um bloco de códigos que vai se aplicar à TAG body do HTML.
E na linha 9 é onde esta o código, que definimos a imagem como background, por padrão, o plano de fundo vai ser repetido tanto na posição X quanto na Y (pros lados e pra baixo).

Então, podemos incrementar um pouco mais o nosso código, ficando assim:

Agora, na linha 10, estamos dizendo que queremos repetir o background somente em X:

Abaixo sequência de códigos que podemos utilizar para manipular o background.

É isso ae rapaziada, agora é só mandar bala no desenvolvimento!

Abraços a todos