Gente, isso é simples, mas vocês tem que prestar atenção nos detalhes. Esse código é relativo, pode ser que não dê certo de acordo com o estilo da sua PSD. 

Primeiro, já deixe a sua PSD preparada, deixando-a personalizada do jeito que você quer e do tamanho da sua side. Então, coloque no seu css, o código: 

titulo {background: url('URL DA SUA PSD');font: 30px Tahoma; color: #fff; text-align:center; line-height: COLOQUE AQUI O MESMO HEIGHT DA SUA PSDpx; display: block; text-shadow: 0px 1px 1px #BBDC67; text-transform: Uppercase; margin-bottom: -50px; margin-top: -18px; letter-spacing: 2px; }

Mas, nesse código você terá (obrigatóriamente) que mudar o: 

• line-height: Como diz no código, deve ser o mesmo que o “height” da psd usada;
• margin-bottom: você terá que diminuir ou aumentar, de acordo com sua psd. Quanto menos você colocar, mais próximo da caixa a psd vai ficar. 
• margin-top: Quando você mexe no margin-bottom, você acaba mudando a margem em relação à caixa de cima da psd, então diminua o margin-top para que ela fique mais “junta”. 

Acho que é só isso, não esqueça de mudar as cores também. 

Então, coloque no local que você quiser usá-la:

<titulo>Blá Blá</titulo>

E o psd vai estar pronto (: 

• Credite ao making-themes, se utilizar; 
• Se for útil, dê like no post;
• Códigos por Giovanna C.