Personalizar widgets do fórum

[MariAndMichael]

Qual é sua questão:
Oi pessoal, gostaria de saber se é possivel personalizar o meu forum com pequena imagens nos widgets como nesse forum de exemplo. http://narutorpgfuture.forumeiros.com/forum

Que medidas você tomou para corrigir o problema:
...

Apresente-nos imagens do problema (se necessário):
https://i.servimg.com/u/f43/15/73/72/48/imagem10.jpg

Endereço do fórum:
http://forevermichael.forumeiros.com/forum

Versão do fórum:
PHPBB2

[BlueAngel]

Bom dia.

Este efeito será colocado apenas em Widgets personalizados, no caso você terá que adaptá-los no código abaixo :

Código:


<table border="0" cellpadding="0" cellspacing="0" width="100%" style="-moz-border-radius: 0px;">
<tr>
<td width="21" height="30" background="http://i26.servimg.com/u/f26/14/56/85/28/cxggff10.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
<td height="30" width="117" background="http://i66.servimg.com/u/f66/14/56/85/28/menumu10.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td height="30" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_014.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td width="22" height="30" background="http://i26.servimg.com/u/f26/14/56/85/28/rgrg10.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 Multimidia" style="background-color: #ffffff">
<!--Inicio do conteudo-->

<!--Fim do conteudo-->
</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>
</div>

Insira o código no conteúdo de um Widget e edite-o.

Atenciosamente,
Infanta.

[MariAndMichael]

Obrigada. Mas como faço para mudr o titulo "Multimidia" e para colocar uma imagem junto o widgets como no exemplo tem um "Naruto" junto ao titulo?

[Convidad]

Boa tarde,

Para isso deverá substituir a imagem "Multimídia" e adicionar outra qualquer (no caso, essa imagem sua deverá ter o naruto ou o que preferir):

<table border="0" cellpadding="0" cellspacing="0" width="100%" style="-moz-border-radius: 0px;">
<tr>
<td width="21" height="30" background="https://i.servimg.com/u/f26/14/56/85/28/cxggff10.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
<td height="30" width="117" background="https://i.servimg.com/u/f66/14/56/85/28/menumu10.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td height="30" background="https://i.servimg.com/u/f66/14/56/85/28/menu_014.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td width="22" height="30" background="https://i.servimg.com/u/f26/14/56/85/28/rgrg10.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td></tr>
<tr><td width="21" background="https://i.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 Multimidia" style="background-color: #ffffff">
<!--Inicio do conteudo-->

<!--Fim do conteudo-->
</td>

<td width="21" background="https://i.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="https://i.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="https://i.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="https://i.servimg.com/u/f26/14/56/85/28/menu_017.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td></tr></table>
</div>

No caso, deverá trocar a imagem em negrito por https://i.servimg.com/u/f66/14/56/85/28/menunr14.png

Espero ter lhe ajudado, até mais.

[MariAndMichael]

Obrigada. Resolvido

Abraços

Mari