Duvida sobre código de efeito em widgets

Qual é minha questão:
Bom, eu estou com um código para dar adicionar um efeito nos widgets, só que eu gostaria de saber como dividir em duas cores, tipo nesse fórum: http://santosfutebolclube.forumeiros.com/
Que a cor background do título do widget é uma cor, e o fundo do conteúdo do widget é outro.

Medidas que eu tomei para corrigir o problema:
-

Imagens do meu problema:
-

Endereço do meu fórum:
http://playstars.forumeiros.com/portal

Versão do meu fórum:
PHPBB3

Olá,

O código que ele usa é um Iframe.

Código:

<iframe src="http://www.santosfc.com.br/noticias/widgets/widgets.asp?t=200X390" width="200" height="390" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>

Mas poderá usar este exemplo:

Código:

<!--Forumeiros--><div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="
-moz-border-radius: 0px;">
<tr name="NRF">
<td height="83">&nbsp</td>
<td rowspan=2 height="106" width="117" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td rowspan=2 height="106" background="http://i66.servimg.com/u/f66/14/56/85/28/menunr13.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td height="83">&nbsp</td>
</tr><tr>
<td width="21" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
<td width="22" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_012.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
</tr>
<tr><td width="21" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;">&nbsp</td>
<td colspan=2 name="conteudo NRF" style="background-color: #ffffff">
<!--Inicio do Conteudo--><div>

DESCRIÇÃO

<!--Fim do conteudo-->

</td>
</td>

<td width="21" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_013.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;">&nbsp</td></tr>
<tr><td width="21" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
<td colspan=2 height="23" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td width="22" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_017.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td></tr></table>

Seria isso que deseja?

Jeffrey escreveu:Olá,

O código que ele usa é um Iframe.

Código:

<iframe src="http://www.santosfc.com.br/noticias/widgets/widgets.asp?t=200X390" width="200" height="390" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>

Mas poderá usar este exemplo:

Código:

<!--Forumeiros--><div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="
-moz-border-radius: 0px;">
<tr name="NRF">
<td height="83">&nbsp</td>
<td rowspan=2 height="106" width="117" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td rowspan=2 height="106" background="http://i66.servimg.com/u/f66/14/56/85/28/menunr13.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td height="83">&nbsp</td>
</tr><tr>
<td width="21" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
<td width="22" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_012.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
</tr>
<tr><td width="21" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;">&nbsp</td>
<td colspan=2 name="conteudo NRF" style="background-color: #ffffff">
<!--Inicio do Conteudo--><div>

DESCRIÇÃO

<!--Fim do conteudo-->

</td>
</td>

<td width="21" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_013.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;">&nbsp</td></tr>
<tr><td width="21" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
<td colspan=2 height="23" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td width="22" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_017.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td></tr></table>

Seria isso que deseja?

Cara, voce mandou o do santos fc...
Não é o do santos, e sim os widgets normais. '-'

Boa noite caro usuário,

Poderia me informar exatamente o que deseja fazer? Seria possível que você tirasse um screenshot para avaliarmos melhor a situação?

Obrigado, e até mais.

Supero escreveu:Boa noite caro usuário,

Poderia me informar exatamente o que deseja fazer? Seria possível que você tirasse um screenshot para avaliarmos melhor a situação?

Obrigado, e até mais.

Agradeço sua atenção, mas eu ja consegui outro código CSS que em minha opnião é melhor.
Agradeço a atenção de vocês.

Abraços.
#Resolvido