Brayco: juin 2008

lundi 30 juin 2008

mixando duas imagens com o gimp

O GIMP � um software livre para cria��o, edi��o e tratamento de imagens. A cada dia que passa mais pessoas est�o utilizando-o, pois al�m de n�o cobrar nenhuma licen�a de uso, possui todas as funcionalidades de programas concorrentes e muitas outras mais!

Esta dica � sobre como mixar (misturar) duas imagens, de maneira suave, sem a cria��o de um contraste entre os limites das imagens.

Como base para este efeito, considere as duas imagens a seguir:
Imagem 1

Imagem 2

Com o GIMP aberto, abra a primeira imagem (CTRL + O). Em seguida, abra a segunda imagem como uma nova camada da imagem atual (CTRL + ALT + O). O GIMP ir� sobrepor a imagem 1 com a imagem 2, e como ambas est�o 100% opacas, apenas a imagem 2 estar� vis�vel no momento.

A primeira etapa deste efeito � de posicionarmos as imagens, para que o objeto principal de cada foto fique em uma posi��o vis�vel ap�s a aplica��o do efeito. Para facilitar, torne a imagem 2 com 50% de transpar�ncia, utilizando para isto a caixa de di�logo de camadas (CTRL + L). Clique sobre a camada referente a imagem 2 e movimente a barra de transpar�ncia localizada na caixa de di�logo de camadas para 50%. Neste momento, sua imagem deve estar como mostra a figura a seguir:
Imagem 3

Caso sua imagem n�o esteja como mostra a figura anterior, verifique se a sua imagem 2 (a qual alteramos a opacidade) est� no topo da caixa de di�logo de camadas. Caso n�o esteja, posicione-a no topo.

Neste momento, ambas as imagens est�o vis�veis, o que facilita o posicionamento de uma sobre a outra para que o objeto principal de cada foto permane�a vis�vel no efeito final. Selecione na caixa de ferramentas o cursor de movimento (M), e para cada imagem (camada), posicione-a de modo com que os objetos de destaque em cada foto fiquem um de cada lado da imagem, como mostra a figura abaixo:
Imagem 4

Note que no caso acima demonstrado, a imagem 1 com os tobo�guas foi deslocada um pouco para a esquerda, enquanto a imagem 2 com a cascata de �gua foi deslocada para a direita. Assim, h� um intervalo entre os objetos que servir� de transi��o entre as imagens.

Ap�s esta etapa, retorne a transpar�ncia da imagem 2 para 100%, utilizando para isto novamente a caixa de di�logo de camadas (CTRL + L).

O efeito propriamente dito consiste em adicionar uma m�scara na imagem 2 e preench�-la com degrad�. O primeiro passo ent�o, � adicionarmos uma camada na imagem 2, a qual est� sobrepondo a imagem 1. Para isto, abra a caixa de di�logo de camadas (CTRL + L), selecione a imagem 2 (deve estar no topo da caixa de di�logo de camadas), clique com o bot�o direito do mouse e em seguida clique na op��o "Adicionar m�scara � camada". Abrir� uma tela de op��es sobre a cor inicial da m�scara. Selecione a cor branca (opacidade total) e confirme. Ainda nesta tela, clique novamente na camada com o bot�o direito do mouse, e verifique se a op��o "Editar m�scara da camada" est� habilitada.

Selecione a ferramenta de degrad� (L), e verifique se as cores selecionadas na caixa de ferramenta s�o preta e branca, respectivamente (cor de frente e de fundo). Para encerrar, trace o degrad� em sua imagem. A aplica��o do degrad� deve ser feita da direita para a esquerda, pois estamos querendo manter o lado direito opaco (cor branca) e o lado esquerdo transparente (cor preta). Neste momento, sua caixa de di�logo de camadas deve estar como mostra a figura a seguir:
Imagem 5

Outro detalhe que deve ser considerado: O tamanho da aplica��o do degrad� deve ser de apenas o espa�o de transi��o entre os objetos da imagem. A figura abaixo demonstra o resultado final do efeito, e em vermelho qual foi o tamanho da aplica��o do degrad�.
Imagem 6

A inten��o inicial era apenas mixar duas imagens. Uma consequ�ncia ocorrida no exemplo utilizado nesta dica � que as piscinas parecem ter se tornado uma �nica piscina (primeira impress�o apenas). Agora � s� voc� usar a sua imagina��o e utilizar o efeito para suas necessidades!

Andr� Milani � autor do livro GIMP - Guia do Usu�rio, da editora Novatec, um livro que ensina, de forma pr�tica e r�pida, o uso da ferramenta GIMP para cria��o, edi��o e tratamento de imagens, do b�sico ao avan�ado, abordando conceitos importantes de manipula��o de imagens combinados a exerc�cios funcionais com casos reais de uso encontrados no dia-a-dia. Destinado a iniciantes e profissionais da �rea de processamento de imagens, estudantes, professores, fot�grafos, designers e a todos que se interessam pelo assunto.

Para saber mais sobre o livro, acesse: http://www.novatec.com.br/livros/gimp

mixando duas imagens com o gimp

download: Mr. Ícones Win Port Download - Freeware

Programa FREEWARE
Faça já o download GRÁTIS
Informações

Editor de ícones sem limitação de cores muito fácil de usar, e totalmente em português.
- Pode-se clicar com o botão direito do mouse em figuras BMP, JPG ou GIF para fazer um ícone;
- Captura diretamente da tela em diversos tamanhos;
- Cola de diversos formatos de figuras como BMP, JPG e GIF;
- Importa ícones de DLLs, ICLs, EXEs e ANIs;
- Permite criar e editar cursores;
- Tudo isso e muito mais, com uma interface simples e fácil de usar.

postado por: blogger of web downloads

download: Mr. Ícones Win Port Download - Freeware

dimanche 29 juin 2008

Lazaro Eu te amo tanto testemunho e louvor cd original

OBS BAIXE O TESTEMUNHO 1 E 2 QUE FAIS PARTE DO CD
01.Meu mestre
02.Morar no ceú
03.Deus vai fazer
04.Amigo (oh gloria)
05.Passando pela prova
06.Eu sou de Jesus
07.Bagaço
08.Eu te amo tanto
09.Testemunho 1
10.Eu me lembro
11.Testemunho 2

09.Testemunho 1

11Testemunho 2

Lazaro Eu te amo tanto testemunho e louvor cd original

09.Testemunho 1

11Testemunho 2

samedi 28 juin 2008

Novo Som mega Discografia

PARA BAIXAR OS CDS E SO CLICAR NO NOME DO CD
Novo Som - Na Estrada 2007

Novo Som - Vale a Pena Sonhar 2004

Novo Som - Um Dia a Mais 2002

Novo Som - Herói Dos Heróis 2000

Novo Som - Não é o Fim 1999

Novo Som - Um Novo Som Para Cristo 1998

Novo Som - 15 Anos 1998

Novo Som - Meu Universo 1997

Novo Som - De Coração 1995

Novo Som - Ao Vivo 1994

Novo Som - Luz 1993

Novo Som - Passaporte 1992

Novo Som - Pra Voce 1990

Novo Som - Palavra De Deus

A Senha para Descompactar é " donnermelody "

Novo Som mega Discografia

vendredi 27 juin 2008

Computador Queimado!!!!

Por isso não venho atualizando o blog , mas agora que as ferias chegaram pra min eu irei atualiza-lo o maximo possivel... Viver de Lan-House hehe.

Mais relaxem pois um PC novo pra min vem logo logo :D

Obrigado a todos pela compreenção.

Computador Queimado!!!!

Por isso não venho atualizando o blog , mas agora que as ferias chegaram pra min eu irei atualiza-lo o maximo possivel... Viver de Lan-House hehe.

Mais relaxem pois um PC novo pra min vem logo logo :D

Obrigado a todos pela compreenção.

Meboy 1.5 - Emulador de Gameboy Color para celular

Transforme seu Celular em um GameBoy! O Emulador aceita roms de Gameboy (.gb) e de Gameboy Color (.gbc), na sua versão 1.5 ele ajusta-se ao tamanho 128x160 e funciona em qualquer celular.

Baixe o MeBoyBuilder no seu computador e siga os passos abaixo:

1 - Tenha certeza que você tem instalado o JAVA no seu cmputador (versão 1.5 ou Superior) .
2 - Extraia o arquivo "MeBoyBuilder.zip" com a senha: "emuladoresland.blogspot.com".
3 - Abra o arquivo "MeBoyBuilder.jar" dando 2 clicks.
4 - Clique em "Add ROM" e selecione o Arquivo ROM. Repita o processo com todos os jogos que quiser adicionar (alguns celulares não aceitam arquivos ".jar" muito grande).
5 - Aperte o Botão "Finish". Veja que o arquivo "MeBoy.jar" foi criado para você (no mesmo diretório do MeBoyBuilder.jar).
6 - Copie o arquivo "MeBoy.jar" para seu celular. Se o celular aceitar, Você Conseguiu! Se não leia abaixo:
Alguns celulares pedem o arquivo ".jad" por essa razão que foi criado o arquivo "MeBoy.jad". (Se seu celular aceitou o MeBoy.jar você não precisará do MeBoy.jad e você poderá deleta-lo se quiser.

Colocando as Rom´s no celular

Primeiro você precisa ter o ultima versão do java instalada em seu computador, você pode encontrar o java na pagina da oficial da produtora:

http://www.java.com/pt_BR/

Após baixar o java baixe o MeboyBuilder, feito isso você vai no MeboyBuilder e de um clique com o lado esquerdo do mouse, escolhe Abrir Com: Java(TM) Platform SE Binary.

Vai aparecer um retângulo com as seguintes opções: Add ROM , Finish , Update Opitions.

Agora você escolhe Add Rom e seleciona o ROM que você baixou e e só dar Ok ai vai tornar a aparecer o Retângulo de novo ai dessa vez você seleciona Finish.

Onde o MeboyBuilder Estiver( recomendo uma pasta específica) vai aparecer um programa escrito Meboy basta copiar este meboy para o celular que está pronto.

Configurando o Meboy 1.5

No MEBOY 1.5 você ajusta ao tamanho 128x160 que funciona em qualquer celular, para ficar bom o game tem que rodar de lado, bom vamos configurar (alguns destes games que vou postar, ja estarão configurados):

Vá em setting e coloque na ordem:

frame skip: 4
number of 90 deg turns: 3
max number of 16kb banks to load: 99
scaling: [x] [ ] [x]

Agora é só configurar o teclado da maneira que desejar. Boa sorte :D

=====================================================================================

Link's

Donwload Meboy 1.5

Senha: emuladoresland.blogspot.com

=====================================================================================

Tutorial Criado por : Xx_Baiano_xX

Proibida a sua copia total ou parcialmente sem a minha permissão ou sem colocar os créditos do blog http//:www.emuladoresland.blogspot.com

=====================================================================================

Meboy 1.5 - Emulador de Gameboy Color para celular

Transforme seu Celular em um GameBoy! O Emulador aceita roms de Gameboy (.gb) e de Gameboy Color (.gbc), na sua versão 1.5 ele ajusta-se ao tamanho 128x160 e funciona em qualquer celular.

Baixe o MeBoyBuilder no seu computador e siga os passos abaixo:

Colocando as Rom´s no celular

Primeiro você precisa ter o ultima versão do java instalada em seu computador, você pode encontrar o java na pagina da oficial da produtora:

http://www.java.com/pt_BR/

Configurando o Meboy 1.5

=====================================================================================

Link's

Donwload Meboy 1.5

Senha: emuladoresland.blogspot.com

=====================================================================================

Tutorial Criado por : Xx_Baiano_xX

Proibida a sua copia total ou parcialmente sem a minha permissão ou sem colocar os créditos do blog http//:www.emuladoresland.blogspot.com

=====================================================================================

Gerador de Gr�ficos 3D

Com esta ferramenta, voc� gera gr�ficos em 3D instantaneamente. Basta escolher um estilo de 3D, fonte, tamanho, cor .. dar um clique.. e pronto

Instru��es:

1- Digite o texto no campo "TEXT";
2- Em "SIZE" voc� seleciona o tamanho da fonte;
3- Em "CHOOSE FONT", selecione a Fonte para o texto;
4- Em "CHOOSE STYLE" selecione o estilo do 3D;
5- Agora basta selecionar uma cor, e clicar em "PREVIEW"
6- A imagem que voc� criou ir� carregar em uma nova janela;
7- Clique na figura com o bot�o direito e "salvar imagem como..."

Gerador de Gr�ficos 3D

Com esta ferramenta, voc� gera gr�ficos em 3D instantaneamente. Basta escolher um estilo de 3D, fonte, tamanho, cor .. dar um clique.. e pronto

Instru��es:

Ferramentas e Servi�os Online

Ebooks gratuitos em seu site - Agregue mais conte�do ao seu site oferecendo ebooks gratuitos para download. Basta colar um pequeno c�digo HTML, e seu site exibir� ebooks gratuitos para download.
Cadastro autom�tico em sites de busca - Submeta seu site para diversos diret�rios de links automaticamente.
Relat�rio de popularidade - Confira a popularidade do seu site nos buscadores: Google, Altavista, Hotbot.
Gerador de gr�ficos 3D - Com esta ferramenta, voc� gera gr�ficos em 3D instantaneamente. Basta escolher um estilo de 3D, fonte, tamanho, cor .. dar um clique.. e pronto.
Comparativo de popularidade on-line - Quem � o mais popular na internet? O seu site ou o do concorrente? Descubra agora com esta ferramenta.
Dom�nio gr�tis - Servi�o de redirecionamento de URL gratuito. Registro de dom�nios .ws (web site).
Guia de Links (Ferramentas) - Autoresponders, hospedagem, dom�nio gr�tis, livro de visitas, ASP, PHP, CGI, chats, sites de downloads, contador de acessos, email gr�tis e etc.

Ferramentas e Servi�os Online

Ebooks gratuitos em seu site - Agregue mais conte�do ao seu site oferecendo ebooks gratuitos para download. Basta colar um pequeno c�digo HTML, e seu site exibir� ebooks gratuitos para download.
Cadastro autom�tico em sites de busca - Submeta seu site para diversos diret�rios de links automaticamente.
Relat�rio de popularidade - Confira a popularidade do seu site nos buscadores: Google, Altavista, Hotbot.
Gerador de gr�ficos 3D - Com esta ferramenta, voc� gera gr�ficos em 3D instantaneamente. Basta escolher um estilo de 3D, fonte, tamanho, cor .. dar um clique.. e pronto.
Comparativo de popularidade on-line - Quem � o mais popular na internet? O seu site ou o do concorrente? Descubra agora com esta ferramenta.
Dom�nio gr�tis - Servi�o de redirecionamento de URL gratuito. Registro de dom�nios .ws (web site).
Guia de Links (Ferramentas) - Autoresponders, hospedagem, dom�nio gr�tis, livro de visitas, ASP, PHP, CGI, chats, sites de downloads, contador de acessos, email gr�tis e etc.

anima�ao feita no gimp

rssssssssssssssssssssssss

essa anima�ao ai foi feita pelo meu irm�o no gimp click na imagem para isualizar melhor
� meio bestinha mai....s da pro gasto

anima�ao feita no gimp

rssssssssssssssssssssssss

essa anima�ao ai foi feita pelo meu irm�o no gimp click na imagem para isualizar melhor
� meio bestinha mai....s da pro gasto

jeudi 26 juin 2008

Deixar ou n�o que fa�am hotlink das imagens do seu site?

Uma das quest�es mais frequentes que sempre me fazem � se devemos ou n�o deixar que fa�am hotlink das nossas imagens noutros sites, ou seja, inserirem as nossas imagens ou imagens alojadas no nosso sistema, noutros sites, como se fossem deles. A minha resposta �: depende.

apache web server

Na pr�tica, quando um dono de outro site insere a imagem no seu site com o endere�o do nosso servidor, est� a sobrecarregar o nosso servidor para mostrar a imagem. Na maioria dos casos os sujeitos n�o possuem �tica suficiente para creditar a origem das imagens. Simplesmente, apropriam-se delas. Roubam-nas sem qualquer cerim�nia.

Entretanto, existe um lado bom nisso. Ao fazer hotlink das nossas imagens, est�o a criar um tipo de link invis�vel entre os seus sites e o nosso. Isso � importante para melhorar a classifica��o de um site nos motores de busca pois, se centenas de p�ginas estiverem a inserir imagens de um mesmo site, isso significa que o site em quest�o � importante na comunidade. � uma esp�cie de voto que aumenta o ranking do site dono da imagem.

O �ncio caso que a meu ver deve ser impedido, � aquele no qual o outro site rouba tamb�m o texto associado � imagem. Neste caso o outro site est� a roubar o conte�do e ao criar uma segunda c�pia do nosso artigo faz este perder a unicidade, factor que � altamente considerado na classifica��o de um site.
COMO IMPEDIR O HOTLINK DE IMAGENS

Existem v�rias maneiras de impedir um site de fazer hotlink das imagens do seu site. A minha preferida � pelo uso do .htaccess ? um ficheiro especial existente na raiz da �rea p�blica de qualquer servidor de web.

Ao fazer o bloqueio, eu prefiro faz�-lo de forma selectiva, ou seja, escolher os sites que eu quero bloquear. Ao fazer o bloqueio, eu fa�o o servidor substituir qualquer imagem que o outro site esteja a inserir por uma imagem que cont�m uma propaganda do meu site. Para fazer isso, essas s�o as linhas que eu acrescentaria ao ficheiro .htaccess:

RewriteEngine on
RewriteCond %{HTTP_REFERER} ^http://site1.com.*$ [NC]
RewriteRule \.(gif|jpe?g|png|bmp)$ /propaganda.gif [L,NC]

O que estas linhas fazem �:

* Ligam o m�dulo RewriteEngine do servidor Apache;
* Verificam se o nome do site que est� a mostrar a imagem � http://site1.com
* em caso positivo, troca qualquer imagem que esteja a ser usada e que tenha extens�o GIF, JPEG, JPG, PNG ou BMP por uma imagem chamada propaganda.gif, colocada na raiz do meu site.

No caso de ter muitos sites para bloquear, simplesmente mude as linhas no ..htaccess para?

RewriteEngine on
RewriteCond %{HTTP_REFERER} ^http://site1.com.*$ [OR]
RewriteCond %{HTTP_REFERER} ^http://site2.com.*$ [OR]
RewriteCond %{HTTP_REFERER} ^http://site3.com.*$ [OR]
RewriteCond %{HTTP_REFERER} ^http://site4.com.*$ [NC]
RewriteRule \.(gif|jpe?g|png|bmp)$ /www.efeitosvisuais.com.gif [L,NC]

Repare que os primeiros sites possuem a instru��o [OR] no fim e o �ltimo site testado deve ter apenas a instru��o [NC]

Deixar ou n�o que fa�am hotlink das imagens do seu site?

ferramentas online

Se cria sites de web, precisa de lidar com templates CSS e com c�digos (X)HTML, e estes c�digos acabam por ser usados vezes sem conta, j� que representam uma base de cria��o.

Para auxili�-lo nesta tarefa, encontrar� nesta lista uma rela��o de 100 sites na web onde poder� encontrar templates CSS, HTML e XHTML, temas para o Wordpress, TextPattern, Blogger e outros blogs, para al�m de ferramentas online para a cria��o de templates e c�digos HTML.

Vamos � lista.

Templates Gr�tis

OSWD: mais de 2.000 templates gr�tis. Permite procurar os templates de v�rias maneiras.
OpenWebDesign: Comunidade para a partilha de templates.
Open Designs: 600 templates gr�tis!
CSS Tinderbox: colect�nea de v�rios templates CSS para a cria��o de sites.

Programas Gr�tis

Precisa de um programa para ajud�-lo a criar as suas p�ginas de Web e CSS? Porque pagar se existem alternativas gr�tis de excelente qualidade?

Nvu: Um programa de cria��o para a Web equivalente ao Dreamweaver (Linux, Windows e Mac);
Cssed: poderoso editor de CSS editor com valida��o (C, C++) (Linux);
Quanta Plus: um editor de HTML para o ambiente K Desktop;
Bluefish: um editor de HTML para programadores que usam GTK (C) (GNU/Linux, Unix);
GIMPShop: Clone do Photoshop (Mac, Linux, and Windows);
Inkscape: Substituto para o Adobe Illustrator.

Templates Completos Gr�tis

Se quer criar um site gr�tis de raiz, precisar� de um template completo de (X)HTML e os correspondentes estilos CSS. Aqui est�o sites onde poder� encontrar isto:

TemplateNavigator: o maior cat�logo de templates em Flash;
TemplateBox: mais de 300 templates para sites, logos, banners e outros;
Template Monster: uma pequena quantidade de templates de Web, Flash e blogs em alta qualidade;
Art for the Web: 75 templates gr�tis;
Free CSS Templates: uma colec��o de 206 templates gr�tis actualizadas frequentemente;
Effex-Media: cole��o de templates gr�tis criada por designers;
DotcomWebDesign: centenas de templates, alguns de alta qualidade;
Themebot Design Templates: este site n�o possui uma quantidade grande de templates. Contudo, possui v�rios templates de boa qualidade e alguns temas gr�tis;
Groovy Lizard: templates gr�tis para uso pessoal;
Interspire: templates gr�tis para o Dreamweaver e para o Frontpage;
Joyful Heart Designs: templates gr�tis com motivos florais para uso pessoal apenas;
OpenSourceTemplates: templates CSS e XHTML de uso livre com alguns estilos de ?Web 2.0?;
Ricky?s Web Templates: 50 templates, imagens e bot�es gr�tis;
Free CSS Templates: uma dezena de templates CSS completamente funcionais;
FreekTemplates.com: uma colec��o de templates para empresas;
Template Perfection: 200 templates gr�tis para diversas l�nguas;
TemplateWorkz: 48 templates gr�tis, alguns com logotipos. O site tamb�m possui templates para newsletters;
Zymic: 80 templates completos gr�tis (HTML + CSS + Imagens + ficheiros PSD + Imagens em branco).
OpenSourceTemplates: uma comunidade orientada aos templates XHTML e CSS;
Freelayouts: templates HTML e Flash gr�tis.
FreeCSSTemplates.org: mais de 100 templates CSS gr�tis;
Free Layouts: lista completa com centenas de templates HTML, Flash e CSS;
Free Templates Online: dezenas de templates organizados em categorias;
Free Website Templates: uma grande quantidade de templates que n�o exige a coloca��o de links de reciprocidade;
Six-Shooter Media: templates CSS e XHTML de uso livre;
Free Flash Template: toneladas de templates e introdu��es em Flash;
Layouts4Free.com: v�rios layoutrs gr�tis;
Solucija: templates XHTML e CSS para uso comercial;
MasterTemplates: templates criados por profissionais com os equivalentes templates para o PowerPoint;
TemplateWorld: templates l�quidos (sem tabelas) validados pelo W3C;.
Painted Pixels: templats, bot�es e fundos para uso n�o comercial;
CSSFill: uma selec��o de templates CSS e XHTML;
ThemesBase: templates organizados por conte�do e tipo (comum, blog e f�rum);
Arcsin Design Templates: 22 templates XTML e CSS;
Snakeye Web Templates: 20 templates orientados ao Dreamweaver e Fireworks.
Steve?s Templates: dezenas de templates com uso de link de reciprocidade;
GordonMac.com: templates CSS gr�tis ? alguns com scripts PHP;
Web Design Helper: templates completos com imagens e c�digo;
Webmaster Resources: 25 templates gr�tis.

Estruturas CSS

Se quer ter a liberdade de criar algo completamente diferente mas quer ter j� uma base feita para a sua cria��o, esta sec��o � para si. Os templates seguintes s�o apenas de CSS e definem a estrutura para que possa criar os seus pr�prios layouts.

Layout Gala: 40 templates CSS em 3 cores;
AndreasVilkund.com: colec��o de templates CSS gr�tis por Andreas Viklund;
CSS Template Directory: uma cole��o de templates CSS desenvolvida por diferentes pessoas;
BenMeadowcroft.com: templates CSS topo de gama criados por Ben Meadowcroft (o site cont�m alguns templates experimentais);
Mollio: conjunto de templates b�sicos em CSS;
Real World Style: templates de CSS organizados por tipo;
Little Boxes: templates CSS com acesso r�pido;
The Layout Reservoir: templates simples de 2 e 3 colunas;
Protagonist Web Resources: uma lista de 43 templates;
Glish: t�cnicas de CSS por Eric Costello;
FU2K: templates CSS criados para compatibilidade ao Netscape 4;
Position is Everything: templates CSS com indica��o de como contornar os bugs dos browsers;
ThreeColumnLayouts: lista de templates CSS de 3 colunas;
ssi-developer: lista de templates CSS de 2 colunas;
MIS Web Design: par�grafos engra�ados com CSS.
Ruthsarian Layouts: cole��o de templates CSS em v�rios n�veis de complexidade;
A List Apart: CSS: t�cicas, truque e dicas para a cria��o pr�tica de CSS;
Code-Sucks.com: como criar sites com 1, 2, 3 e 4 colunas com CSS;
Particle Tree: templates em CSS independentes da resolu��o;
Project Seven: templates l�quidos em CSS;
MyCelly: colec��o de 16 templates b�sicos de CSS;
Ideas: 12 templates CSS gr�tis;
CSS Library: cole��o de templates CSS;
IntensiveStation: colec��o de templates b�sicos em CSS;
IronMyers: colec��o de templates para os browsers mais recentes: IE6, IE7, Firefox, Opera, Safari e etc.;
The CSS Playground: demonstra��es de CSS topo de gama por Stu Nicholls?
Wordpress Theme Viewer: Colec��o de temas organizados por colunas, cores, cantos arredondados e outras categorias;
Fluid 2-Column Template: template de 2 colunas totalmente fluido;
Avinash 2.0: 12 templates CSS gr�tis.

Geratores e ferramentas para a cria��o de CSS

Na lista seguinte s�o indicadas algunas ferramentas que permitem a cria��o automatizada de templates CSS:

CSS Creator: seleccione a cor, o n�mero de colunas, a vers�o de HTML, carregue num bot�o e j� est�;
Inknoise: Crie layouts com CSS no carregar de um bot�o;
Strange Banana: crie v�rios templates com CSS de forma r�pida;
Nidahas: crie templates CSS rapidamente;
Maketemplate: crie templates HTML ou PHP com CSS, em 2 colunas, de forma instant�nea;
IBDjohn: gerador de CSS para layouts de 3 colunas;
CSS Creator: crie templates l�quidos e fixos em CSS;
PsycHo: O seu pr�prio template!
Firdamatic: crie layouts de 2 e 3 colunas com esse gerador autom�tico;
Wordpress Theme Generator: crie temas para o WordPress.

Temas para Blogs

Se possui um blog em Wordpress, Textpattern, Movable Type ou Blogger, leia esta sec��o:

SmashingMagazine: 83 temas bonitos para o Wordpress;
Kaushal Sheth: temas elegantes para o WordPress;
ErraticWisdom: templates no formato Textpattern;
Scribez: os 10 mais bonitos temas para o Wordpress;
pinkdesign: templates para di�rios e blogs;
Textgarden.org: o site oficial de temas para o Textpattern.
Blogger Templates: uma colec��o de temas para o Blogger;
Blogfashions: uma colec��o de temas para o Movable Type;
FinalSense: temas de alta qualidade para o Blogger.
WP Themes: temas para o WordPress criados por Sadish Bala.
Drupal Theme Garden: temas para o Drupal;
Weblog Design: temas de alta qualidade para blogs.

fonte:http://efeitosvisuais.com/blog/2007/07/31/templates-css-xhtml-blogs/

ferramentas online

Se cria sites de web, precisa de lidar com templates CSS e com c�digos (X)HTML, e estes c�digos acabam por ser usados vezes sem conta, j� que representam uma base de cria��o.

Vamos � lista.

Templates Gr�tis

OSWD: mais de 2.000 templates gr�tis. Permite procurar os templates de v�rias maneiras.
OpenWebDesign: Comunidade para a partilha de templates.
Open Designs: 600 templates gr�tis!
CSS Tinderbox: colect�nea de v�rios templates CSS para a cria��o de sites.

Programas Gr�tis

Precisa de um programa para ajud�-lo a criar as suas p�ginas de Web e CSS? Porque pagar se existem alternativas gr�tis de excelente qualidade?

Nvu: Um programa de cria��o para a Web equivalente ao Dreamweaver (Linux, Windows e Mac);
Cssed: poderoso editor de CSS editor com valida��o (C, C++) (Linux);
Quanta Plus: um editor de HTML para o ambiente K Desktop;
Bluefish: um editor de HTML para programadores que usam GTK (C) (GNU/Linux, Unix);
GIMPShop: Clone do Photoshop (Mac, Linux, and Windows);
Inkscape: Substituto para o Adobe Illustrator.

Templates Completos Gr�tis

Se quer criar um site gr�tis de raiz, precisar� de um template completo de (X)HTML e os correspondentes estilos CSS. Aqui est�o sites onde poder� encontrar isto:

TemplateNavigator: o maior cat�logo de templates em Flash;
TemplateBox: mais de 300 templates para sites, logos, banners e outros;
Template Monster: uma pequena quantidade de templates de Web, Flash e blogs em alta qualidade;
Art for the Web: 75 templates gr�tis;
Free CSS Templates: uma colec��o de 206 templates gr�tis actualizadas frequentemente;
Effex-Media: cole��o de templates gr�tis criada por designers;
DotcomWebDesign: centenas de templates, alguns de alta qualidade;
Themebot Design Templates: este site n�o possui uma quantidade grande de templates. Contudo, possui v�rios templates de boa qualidade e alguns temas gr�tis;
Groovy Lizard: templates gr�tis para uso pessoal;
Interspire: templates gr�tis para o Dreamweaver e para o Frontpage;
Joyful Heart Designs: templates gr�tis com motivos florais para uso pessoal apenas;
OpenSourceTemplates: templates CSS e XHTML de uso livre com alguns estilos de ?Web 2.0?;
Ricky?s Web Templates: 50 templates, imagens e bot�es gr�tis;
Free CSS Templates: uma dezena de templates CSS completamente funcionais;
FreekTemplates.com: uma colec��o de templates para empresas;
Template Perfection: 200 templates gr�tis para diversas l�nguas;
TemplateWorkz: 48 templates gr�tis, alguns com logotipos. O site tamb�m possui templates para newsletters;
Zymic: 80 templates completos gr�tis (HTML + CSS + Imagens + ficheiros PSD + Imagens em branco).
OpenSourceTemplates: uma comunidade orientada aos templates XHTML e CSS;
Freelayouts: templates HTML e Flash gr�tis.
FreeCSSTemplates.org: mais de 100 templates CSS gr�tis;
Free Layouts: lista completa com centenas de templates HTML, Flash e CSS;
Free Templates Online: dezenas de templates organizados em categorias;
Free Website Templates: uma grande quantidade de templates que n�o exige a coloca��o de links de reciprocidade;
Six-Shooter Media: templates CSS e XHTML de uso livre;
Free Flash Template: toneladas de templates e introdu��es em Flash;
Layouts4Free.com: v�rios layoutrs gr�tis;
Solucija: templates XHTML e CSS para uso comercial;
MasterTemplates: templates criados por profissionais com os equivalentes templates para o PowerPoint;
TemplateWorld: templates l�quidos (sem tabelas) validados pelo W3C;.
Painted Pixels: templats, bot�es e fundos para uso n�o comercial;
CSSFill: uma selec��o de templates CSS e XHTML;
ThemesBase: templates organizados por conte�do e tipo (comum, blog e f�rum);
Arcsin Design Templates: 22 templates XTML e CSS;
Snakeye Web Templates: 20 templates orientados ao Dreamweaver e Fireworks.
Steve?s Templates: dezenas de templates com uso de link de reciprocidade;
GordonMac.com: templates CSS gr�tis ? alguns com scripts PHP;
Web Design Helper: templates completos com imagens e c�digo;
Webmaster Resources: 25 templates gr�tis.

Estruturas CSS

Layout Gala: 40 templates CSS em 3 cores;
AndreasVilkund.com: colec��o de templates CSS gr�tis por Andreas Viklund;
CSS Template Directory: uma cole��o de templates CSS desenvolvida por diferentes pessoas;
BenMeadowcroft.com: templates CSS topo de gama criados por Ben Meadowcroft (o site cont�m alguns templates experimentais);
Mollio: conjunto de templates b�sicos em CSS;
Real World Style: templates de CSS organizados por tipo;
Little Boxes: templates CSS com acesso r�pido;
The Layout Reservoir: templates simples de 2 e 3 colunas;
Protagonist Web Resources: uma lista de 43 templates;
Glish: t�cnicas de CSS por Eric Costello;
FU2K: templates CSS criados para compatibilidade ao Netscape 4;
Position is Everything: templates CSS com indica��o de como contornar os bugs dos browsers;
ThreeColumnLayouts: lista de templates CSS de 3 colunas;
ssi-developer: lista de templates CSS de 2 colunas;
MIS Web Design: par�grafos engra�ados com CSS.
Ruthsarian Layouts: cole��o de templates CSS em v�rios n�veis de complexidade;
A List Apart: CSS: t�cicas, truque e dicas para a cria��o pr�tica de CSS;
Code-Sucks.com: como criar sites com 1, 2, 3 e 4 colunas com CSS;
Particle Tree: templates em CSS independentes da resolu��o;
Project Seven: templates l�quidos em CSS;
MyCelly: colec��o de 16 templates b�sicos de CSS;
Ideas: 12 templates CSS gr�tis;
CSS Library: cole��o de templates CSS;
IntensiveStation: colec��o de templates b�sicos em CSS;
IronMyers: colec��o de templates para os browsers mais recentes: IE6, IE7, Firefox, Opera, Safari e etc.;
The CSS Playground: demonstra��es de CSS topo de gama por Stu Nicholls?
Wordpress Theme Viewer: Colec��o de temas organizados por colunas, cores, cantos arredondados e outras categorias;
Fluid 2-Column Template: template de 2 colunas totalmente fluido;
Avinash 2.0: 12 templates CSS gr�tis.

Geratores e ferramentas para a cria��o de CSS

Na lista seguinte s�o indicadas algunas ferramentas que permitem a cria��o automatizada de templates CSS:

CSS Creator: seleccione a cor, o n�mero de colunas, a vers�o de HTML, carregue num bot�o e j� est�;
Inknoise: Crie layouts com CSS no carregar de um bot�o;
Strange Banana: crie v�rios templates com CSS de forma r�pida;
Nidahas: crie templates CSS rapidamente;
Maketemplate: crie templates HTML ou PHP com CSS, em 2 colunas, de forma instant�nea;
IBDjohn: gerador de CSS para layouts de 3 colunas;
CSS Creator: crie templates l�quidos e fixos em CSS;
PsycHo: O seu pr�prio template!
Firdamatic: crie layouts de 2 e 3 colunas com esse gerador autom�tico;
Wordpress Theme Generator: crie temas para o WordPress.

Temas para Blogs

Se possui um blog em Wordpress, Textpattern, Movable Type ou Blogger, leia esta sec��o:

SmashingMagazine: 83 temas bonitos para o Wordpress;
Kaushal Sheth: temas elegantes para o WordPress;
ErraticWisdom: templates no formato Textpattern;
Scribez: os 10 mais bonitos temas para o Wordpress;
pinkdesign: templates para di�rios e blogs;
Textgarden.org: o site oficial de temas para o Textpattern.
Blogger Templates: uma colec��o de temas para o Blogger;
Blogfashions: uma colec��o de temas para o Movable Type;
FinalSense: temas de alta qualidade para o Blogger.
WP Themes: temas para o WordPress criados por Sadish Bala.
Drupal Theme Garden: temas para o Drupal;
Weblog Design: temas de alta qualidade para blogs.

fonte:http://efeitosvisuais.com/blog/2007/07/31/templates-css-xhtml-blogs/