Coloca widget igual esse aqui

Qual é minha questão:
coloca widget no meu portal assim

Medidas que eu tomei para corrigir o problema:
nenhuma

Links e imagens do meu problema:
https://i.servimg.com/u/f49/17/49/70/99/sem_ta11.png

Endereço do meu fórum:
http://campxboxlive.forumais.com/

Versão do meu fórum:
phpbb3

Up Aqui Galera

Olá amigo o que desejas a imagem atras do seu avatar?

Cordialmente
House

queria aquele widget personalizado igual aquele com o meu avatar e tudo cara onlha aqui nesse forum http://xbox360.forumpratodos.com/portal

Olá Poderia Fornecer o Link Exato Onde Voce Viu Esse Seguinte "Widget" Atéé.

http://xbox360.forumpratodos.com/portal ta ai cara acho q vcs vão te q se cadstra para poder ver esse widget no portal dele

ajuda por favor

Olá, peço que aceda ao seu Painel de controle -> Visualização -> Imagens e Cores -> Cores -> Aba 'Folha de estilo CSS'.

Cole o codigo e salve;

Código:

.module {
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #E8EAEA;
border-bottom-color: #9A9EA1;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left: 1px #9A9EA1 solid;
border-right: 1px #9A9EA1 solid;
border-top-color: #9A9EA1;
border-top-style: solid;
border-top-width: 1px;
margin-bottom: 15px;
}
.module {
background-color: #E8EAEA;
color: #333131;
margin-bottom: 4px;
overflow: hidden;
padding: 0 10px;
}
.module .h3 {
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
background-image: url(http://2img.net/i/fa/empty.gif);
background-repeat: repeat-x;
border: 1px;
border-radius: 10px;
color: white;
font-size: 10px;
height: 1%;
margin: -38px -10px .5em;
padding: 10px;
text-align: center;
text-transform: capitalize;
width: 100%;
}
.introduction .h3, .module .h3, .postbody .h3 {
margin-top: 8px;
}
.h3, h3 {
background: url(http://i44.servimg.com/u/f44/15/64/80/11/br_bar12.png) left bottom no-repeat;
border: 0;
font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
font-size: 9px;
padding-bottom: 5px;
text-transform: uppercase;
}

Melhores cumprimentos.

não cara não foi

Olá amigo;
Es um Código HTML, aconselho colocar em um Widget veja:

Código:

<tr>
   <td width="249">
<p><span style="font-size: 1.2em;"><font size="4">001</font><br>
      </span></p></td><td width="1095" rowspan="2">  <p><b>Mensagens:</b> 0<br>
 
 
  <br>
  <font size="3"><img src="http://i34.servimg.com/u/f34/15/64/80/11/icon_210.png" alt="" align="top"></font><font color="#ff0000" size="3"><b>
   
  <a href="../login.forum?logout=true"><font color="#ff0000">Sair</font></a></b></font></p>
   <p></p></td>
   </tr>
   <tr>
   <td width="249">
<span style="font-size: 1.2em;">
<img id="avatar" width="118" height="170" hspace="0" src="http://i74.servimg.com/u/f74/15/64/80/11/novo10.png"></span></td>
   </tr>
   <tr>
   <td colspan="2"><script type="text/javascript">
function vertical() {

  var navItems = document.getElementById("nav").getElementsByTagName("li");
   
  for (var i=0; i< navItems.length; i++) {
     if(navItems[i].className == "submenu") {
       navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#666666";}
       navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#666666";}
     }
  }

}

function horizontal() {

  var navItems = document.getElementById("barra").getElementsByTagName("li");
   
  for (var i=0; i< navItems.length; i++) {
     if((navItems[i].className == "menuvertical") || (navItems[i].className == "submenu"))
     {
       if(navItems[i].getElementsByTagName('ul')[0] != null)
       {
         navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#666666";}
         navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#666666";}
       }
     }
  }

}

</script>
<style type="text/css">
/*......******************************************Menu extras 2*******************************************/

ul.menubar
{
  margin: 0px;
  padding: 0px;
  background-color: #666666; /* IE6 Bug */
  font-size: 100%;
  }

ul.menubar .menuvertical
{
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-color: #666666;
  border: 1px solid #666666;
  float:left;
}

ul.menubar ul.menu
{
  display: none;
  position: absolute;
  margin: 0px;
}

ul.menubar a
{
  padding: 5px;
  display:inline;
  text-decoration: none;
  color: #FFFFFF;
  padding: 5px;
}


ul.menu, ul.menu ul
{
  margin: 0;
  padding: 0;
  border-bottom: 0px solid #008000;
  width: 150px; /* Width of Menu Items */
  background-color: #d0d5d5; /* IE6 Bug */
}

ul.menu li
{
  position: relative;
  list-style: none;
  border: 0px;
}

ul.menu li a
{
  display:block;
  text-decoration: none;
  border: 1px solid #999999;
  border-bottom: 0px;
  color: #000000;
  padding: 5px 10px 5px 5px;
}

/* Fix IE. Hide from IE Mac */
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */

ul.menu ul
{
  position: absolute;
  display: none;
  left: 149px; /* Set 1px less than menu width */
  top: 0px;
}

ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */

ul.menu li.submenu { background: transparent url() right center no-repeat; }

ul.menu li a:hover { color: #FFFFFF; background-image: url(http://i44.servimg.com/u/f44/15/64/80/11/br_bar10.png); background-repeat: repeat; width: 133px;}

/Menu extras 2 Fim********************************************************************************************************************/
</style>

 
 <ul id="barra" class="menubar">
  <li class="menuvertical" style="background-color: rgb(102, 102, 102); "><a href="#">Opções<font color="#666666">ffffffffffffffffffffffffffffff</font><img border="0" src="http://i44.servimg.com/u/f44/15/64/80/11/i_d-e10.png" style="width: 15px;height: 15px"></a>
     <ul id="nav" class="menu" style="display: none; ">
      <li><a href="../profile.forum?mode=editprofile&amp;page_profil=informations">Informações (Perfil)</a></li>
      <li><a href="../profile.forum?mode=editprofile&amp;page_profil=avatars">Editar Avatar</a></li>
      <li><a href="../profile.forum?mode=editprofile&amp;page_profil=preferences">Preferências</a></li>
      <li><a href="../search.forum?search_topics=001">Meus tópicos</a></li>
      <li><a href="../search.forum?search_id=egosearch">Tópicos que participar </a></li>
      <li><a href="../msg.forum?folder=inbox">Mensagens Privadas</a></li>
      <li><a href="../search.forum?search_author=001&amp;show_results=posts">Minhas mensagens</a></li>
        </ul>
      </li>
     </ul>
   
   
 
</td>
   </tr>


Resulta?


Melhores Cumprimentos
Dr.House & MateusV.

cara valeu fico muito bom