Hola Usuarios!
Normalmente, eh estado pensando muchas ideas, y como dicen las reglas, tenemos que ser originales y no se si mi duda sea lo que comente.
Bueno mi duda es la siguiente se puede crear un menu personalizado con el avatar del usuario, su nick y la navbar del lado derecho.
Les dejo una preview por si dudas, la hice en PS.


Importante.
- Si se puede lograr, como se lograria, con CSS, HTML, JavaScript, Jquery, otros, en caso de que no solo quisiera
el avatar con el boton "Opciones" que aparece del lado izquierdo.
- Lo quiero para cualquier version, en especial para PHPBB3, Invision o PUNBB.
- Usen los colores que deje en la imagen, o usen algunso que tenga similacion con ellos.

A continuacion les dejo la funcion de cada conjunto del menu si es que se puede lograr.

Cuadro Izquierdo.
Fondo.
Iria con un desgradado y una sombra con opacidad negra.
Avatar.
Hay iria la imagen de avatar que tiene el usuario, con sombra exterior colocar negra con opacidad y borde
transparente de tamaño de 3px o 2px.
Nick de Usuario.
Como lo dice el texto, iria el nick del usuario, con sombra interior negra con opacidad y exterior color blanca con
opacidad.
Boton Opciones.
Hay irian las opciones del el boton que esta en la barra de navegacion llamado "Perfil o Mi Perfil".

---

Rectangulo Derecho.
Fondo.
Iria con un desgradado, con sombra exterior color gris fuerte y un borde gris fuerte.

Links
Foro.
Seria el link que te dirige al indice, donde se encuentran las categorias y otros conjuntos importantes.
Portal.
Te dirige al portal, donde se encuetran los modulos y noticias del foro.
Miembros y Boton Grupos.
El de miembros te dirige a todos los miembros. Y el boton te dirige a los grupos de leyendas, lo eh colocado abajo
para no usar mucho espacio en el menu.
Mensajes.
Se dirige a tu mensajeria, cuando tengas algun mensaje aparecera un numero de los mensajes que tengas si es posible o
solo una bolita con un 1.
Registrarse!.
Te dirige para registrarse.
Entrar y Salir.
El de entrar entraras al el foro osea logearte y el de salir te saldras del foro.

Espero pueda lograr lo que pregunte, si no es asi, pues ni modo, tratare de sacar mas dudas y respuestas.
Saludos y Gracias!

Hola,
Te dejo el codigo

Código:


<script type="text/javascript">
$(document).ready(function(){
 
  $(".slide").click(function(){
      $("#panel").slideToggle("slow");
      $(this).toggleClass("active"); return false;
  });
 
 
});
</script>
 
<style type="text/css">
.field, .submit {
color:black;
-webkit-appearance: textfield;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
padding: 2px;
border: 3px solid green;
border-bottom: 2px solid;
border-radius: 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: 0 0 10px #00c8e1;
-webkit-box-shadow: 0 0 7px #00c8e1;

}
.field:hover, .submit:hover{
padding: 2px;
border: 1px #000000;
border-radius: 7px;
background-color: #FFFFFF;
-moz-box-shadow: 0px 0px 8px black;
-webkit-box-shadow: 0px 0px 8px black;
box-shadow: 0px 0px 8px black;
}

.left{
float: left;
color: black;
}

.right{
float: right;
color: black;
}

.center{
text-align: left;
position:relative;
top:30px;
}

a:focus {
outline: none;
}
.jpfa {
background-color: #00c8d6;
}
jpfa {
background-color: #00c8e2;
}
#panel {
background: #292929 center;
height: 230px;
display: none;
border-bottom: 2px solid black;
width: 523px;
padding: 10px 10px 0 0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
color: white;
border: 1px solid #00c8e2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: 0 0 10px #00c8e1;
-webkit-box-shadow: 0 0 7px #00c8e1;
}
.slide {
margin: 0;
padding: 0;
background: url(http://i41.servimg.com/u/f41/16/71/91/99/9hmp10.png) no-repeat center top;
background-color: transparent;
border-bottom: 0px solid transparent;}

.active {
  background-position: right 12px;
}

.rememberme{
padding: 6px;
border: 1px solid gray;
  border-bottom: 1px solid gray;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
background-color: #FFFFFF;
}
.rememberme:hover{
padding: 6px;
border: 1px solid gray;
  border-bottom: 1px solid gray;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
background-color: #FFFFFF;
}
</style>
</head>
 <div id="panel"> <!-- BEGIN switch_user_logged_out -->
  <form class="jpfa" id="jpfa"  action="login.forum?connexion" method="post" >
            <label for="log"><b>Nombre: </b></label>
            <input class="field" type="text" name="username" id="log" value="" size="23" />
            <label for="pwd"><b>Contrasena:</b></label>
          <input class="field" type="password" name="password" id="pwd" size="23" />
            <input type="submit" name="login" value="Conectarse" class="button_login" />
            <input type="hidden" name="redirect_to" value=""/>
        </form>
 <div class="left">
              <label for="rememberme"><input name="rememberme" id="rememberme" class="rememberme" type="checkbox" checked="checked" value="forever" /> Recordarme cada vez que me conecte</label></div>
        <div class="right"><a href="/profile.forum?mode=register">Registrarte</a> | <a href="/profile.forum?mode=sendpassword">Olvidaste tu Contrasena?</a></div>

<div class="center">TEXTO PARA LOS INVITADOS</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN switch_user_logged_in -->
<script>
    jQuery(document).ready(function(){
      jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
          link = jQuery('#register .forumline td.row1 img', data).attr('src');
          if(link){
            jQuery('#avatardocument').html('<center><a href="/profile?mode=editprofile"><img src="'+link+'" alt=""></a></center>');
          }else{
            jQuery('#avatardocument').html('');
          }
      });
    });
    </script><table cellspacing="0" cellpadding="3" border="0" style="poisition: absolute; left: 10px; top: -1px;"><tr><td width="30%"><div id="avatardocument"><center><a href="/profile?mode=editprofile>Cargando avatar...</a></center><center><a href="</div></td><td class="infodocument"width="70%"><b>{USERNAME}</b>
<a href="/privmsg?folder=inbox">Mensajería</a> | <a href="/login?logout">Desconectarse</a> | <a href="/profile.forum?mode=editprofile&page_profil=friendsfoes" class="postlink">Amigos/Ignorados</a> | <a href="/profile?mode=editprofile&page_profil=signature" class="postlink">Firma</a></td></tr></table><font color="#292929">-----------</font><a href="/profile?mode=editprofile&page_profil=avatars" class="postlink">Avatar</a><center><b>----------------------------------------------------------------------------------------------------------------</b>
</center><center><a href="/profile?mode=editprofile&page_profil=informations" class="postlink"> Perfil Avanzado</a></center><center>{USERNAME}</center>
<!-- END switch_user_logged_in -->
      </div>
  </div>
</div>
<p class="slide"><a href="#" class="slide"><img src="URL DE LA IMAGEN DE OPCIONES></a></p>
</html>

Lo habia dejado en otra parte y de ahi lo saque, editalo a tu gusto ya te di el slide, como he visto sabes de codigos.
Tienes que modificar esta parte para que el avatar se vea en las diferentes opciones

<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('#register .forumline td.row1 img', data).attr('src');
if(link){
jQuery('#avatardocument').html('<center><a href="/profile?mode=editprofile"><img src="'+link+'" alt=""></a></center>');
}else{
jQuery('#avatardocument').html('');
}
});
});
</script>

Eso es para phpbb2 para phpbb3 seria fieldset dd img o algo asi

Oh, gracias compañero!, una pequeña pregunta, podrias decirme donde lo coloco, en el Mensaje del Indice o en un Modulo, es quiero que lo que pedi, que aparesca arriba de todo el foro!

UP!

En cualquier parte que acepte HTML,widgets, anuncios, mensaje del indice,etc. si quieres que se vea en todas partes te sugiero en los anuncios, o si no solo en el portal , en los widgets del portal o donde quieras, solo que acepte HTML

Disculpa, pero no me funciona, que debo hacer, hice algo mal?