Thiago Vitorino

Então um pequeno aprendiz me pergunta:

Oh! Mas como pode uma coisa dessas Vitorino-sensei?

Simples, pequeno aprendiz! Projetamos a interface com um editor de imagens (como o Photoshop), utilizamos a galeria de fotos do MyOpera para armazenar as imagens na WEB, coletamos o endereço dessas imagens e utilizamos o "custom css" para editar o estilo da página.

Se você não entende nada disso, mas quer customizar seu blog também, não fique boiando que nem fezes em alto mar, estude CSS!

Eu recomendo o site do maujor:
www.maujor.com
Vale a pena visitar um site que foi febre a alguns anos, com a chegada do tableless:
www.csszengarden.com

Muito bem, vamos ao que importa!
Antes de mais nada, os caminhos para a galeria de fotos e para a customização do blog estão no item do menu MyPage (claro, é preciso ter uma conta no MyOpera) e são, respectivamente:
MyPage -> Photos
MyPage -> Account -> Design, onde é possível escolher um estilo e criar seu próprio CSS (no link custom style sheet)

Você pode utilizar um dos estilos pré-definidos E/OU customizar o CSS.

Na página do Custom style sheet, você pode inserir o código CSS para alterar qualquer elemento da página, se quiser alterar a altura do topo do blog e alinhar o texto à direita, por exemplo, você pode inserir o seguinte css:

div#top2
{

text-align:right;
height:120px;

}

Então o pequeno aprendiz pergunta:

Sensei, como você sabia que o topo era o div com id top2?

Simples, pequeno aprendiz! Olhei o código fonte da página e os arquivos css que ela já utiliza para encontrar todas as tags, classes e ids que precisei.

importante: não se esqueça de atualizar a página do blog limpando o cache de seu navegador (geralmente ctrl+f5) para visualizar a alteração.

Após projetar o novo visual de seu blog, faça o upload das imagens e verifique seu endereço, clicando com o botão direito sobre a imagem e verificando suas propriedades. O endereço final deve ficar parecido com isto:

http://files.myopera.com/SEULOGIN/albums/NUMERO_ALBUM/NOME.jpg

No meu caso, criei um álbum do MyOpera só para isso, chamado BlogSkin. Após um bom tempo no Photoshop, enviando imagens e alterando css, cheguei ao seguinte resultado:


Provavelmente devo editar isso no futuro, mas aqui está o CSS que precisei para conseguir este resultado:

custom_css_vitorino.css

E assim temos uma customização total de seu Blog MyOpera.
Críticas, sugestões, piadas, comentários e dinheiro são bem vindos.

Abraço!