Aprenda a fazer uma imagem-título na parte de baixo da caixa da sidebar. Exemplo:
1. Copie esse código:
/******* CAIXAS *********/
.caixaprofile {
background: url(‘http://img576.imageshack.us/img576/405/001m.png‘) no-repeat bottom right #ffffff;
border-top: #000000 10px solid;
border-bottom: #000000 10px solid;
border-right: #000000 10px solid;
border-left: #000000 10px solid;
color: #000000;
padding-top: 7px;
padding-left: 7px;
padding-bottom: 20px;
padding-right: 7px;
margin-bottom: 15px;}
2. Edite as cores e a imagem (que deve ser tamanho 191×30).
3. Na sidebar, coloque:
<div class="caixaprofile">
Texto aqui
</div>
4. Agora, faça o resto das caixas. É só editar:
/******* CAIXAS *********/
.caixablog {
background: url(‘http://img576.imageshack.us/img576/405/001m.png‘) no-repeat bottom right #ffffff;
border-top: #000000 10px solid;
border-bottom: #000000 10px solid;
border-right: #000000 10px solid;
border-left: #000000 10px solid;
color: #000000;
padding-top: 7px;
padding-left: 7px;
padding-bottom: 20px;
padding-right: 7px;
margin-bottom: 15px;}
5. E aqui, edite:
<div class="caixablog">
Texto aqui
</div>
E assim por diante (: