Nesse tutorial vou ensinsar como clarear uma foto escura usando o programa Photoshop CS3, mas o mesmo procedimento pode ser feito desde o Photoshop 7.0 que foi quando eu comecei aprender usar o photoshop e essa foi a primeira coisa que me ensinaram.

Lembrando que se a foto tiver muito escura, ao clarear ela, você pode perder a qualidade, não é recomendado clarear muito as fotos muito escuras quando forem ser usadas para revelar, porque na revelação ela fica meio "granulada".

Então abra uma foto escura no photoshop:

Depois use o atalho "Ctrl + L" e aparecerá uma janela:

Use a opção "input levels" para clarear a foto, de preferência as duas setinhas da direita (ver foto acima):

Foto usada: google.com

Resolvi fazer novamente um código básico para layout. É básico mesmo, mas está válido em xhtml e css.
Lembrando que, para que o código continue válido depende de você, porque se você insere algo no css sem saber configurar certinho, pode tornar ele inválido e da mesma forma com o xhtml.
Tem algumas dicas de xhtml aqui no blog, na categoria tutoriais.

Esse código foi feito para ser usado em qualquer blog.
Se você tem blog free pode montar o seu layout baseado nele, só terá que adicionar as tags do seu sistema de blog. Também terá que adicionar o css dentro da tag head o invés de usar o link que chama o css.
Quem vai fazer para wordpress é só adicionar as tags necessário também, não esquecendo que no wordpress existe uns códigos entre a tag head que não estão adicionadas aqui nesse código básico.

O código foi inspirado nesse modelo:

Eu não colocarei ele aqui porque é bastante coisa e iria ficar muito grande. Então você pode baixar o arquivo e fazer as suas alterações.
O arquivo contém uma página html e um css. Você pode abrir eles com o bloco de notas ou o editor de sua preferência.
Não adicionei nenhuma imagem para esse código, apenas aquela ali de cima com amostra, mas é só você fazer seu layout de acordo com ela (largura e altura).
Existe várias explicações no código e não tem erro, é só alterar cores de acordo com o seu layout e adicionar as imagens na mesma medida que estão na amostra. Caso você faça um layout diferente da amostra, você terá que alterar os valores (width, height, padding e margin) no css.

Baixar o código!

Necessário para ter um código xhtml

XHTML nada mais é do que uma forma de escrever um documento HTML de modo que ele também seja um documento XML válido. Ou seja, seu documento HTML ganha a coerência e flexibilidade de um documento XML, podendo ser facilmente lido por ferramentas automáticas e convertido em outros formatos de arquivos. Com XHTML torna-se muito fácil oferecer os dados do seu site através de WAP ou de um RSS por exemplo. Torna-se fácil também transformar o resultado de uma consulta a banco de dados ou um documento XML numa página web.
A boa notícia é que é muito fácil escrever XHTML. Qualquer um que escreva HTML pode aprender afazê-lo sem muita dificuldade.

No seu código html, bem no início tem um campo mais ou menos assim:

Então tire isso e coloque este outro código no lugar:

Este outro código é para dizer que está em xhtml e na versão 1.0
Usando este código algumas coisas no seu blog pode mudar, como por exemplo, a barra de rolagem do navegador Internet Explorer que você deixa colorida, não funcionará mais, porque em xhtml não se usa barra de rolagem colorida. Mas existem muitas outras coisas boas e mais importantes para você se preocupar, não é o fim do mundo você ficar sem barra de rolagem colorida.

A maioria dos usuários do wordpress já possui esse código no header.php e então não precisa mudar nada.

Fonte: parte do tutorial é do site Tableless

Código dos links em xhtml.

Geralmente as pessoas fazem suas páginas e quando vai colocar um link para outro site, sempre insere a target blank, deixando assim:

No xhtml, não se usa target blank. Esqueça esse lance de abrir em nova janela. Eu sei que é chato, bom pelo menos pra mim é. Então já me acostumei a clicar com o outro botão do mouse no linke colocar pra abrir em nova aba/janela no meu navegador. O ruim é quando o site tem aquelas proteção de clique com o botão direito do mouse.

Mas enfim, seus links terão que ser feitos sem target:

Todas as tags tem que está fechadas.

Nunca esqueça de fechar nenhuma tag do seu código. Se você esquecer pode gerar erro no layout inteiro.

Muitos códigos entre a tag head tem algo parecido com isso:

Que são metas, scripts ou endereços que puxam css.

Você tem que finalizar as metas e os links que puxam css de fora com a barra antes do sinal maior e não esquecer de fechar os scripts:

Mas esse lance de fechar tags, não é só entre o head do código. É em todo o código, qualquer tag que você abrir, você tem que fechar. Sempre!