Muy buenas, maestros y maestras del diseño web en general.
Traigo un par de dudas para vuestras mentes brillantes.
1° ¿Es posible, y de qué manera, hacer un bloque de log-in como el de Twitter en un phpbb3?
A lo que me refiero es a esto:


En Foroactivo, phpbb3, cuando le das a lg in en la barra de navegación, te tira a una página nueva en la que puedas conectarte. ¿De qué manera se puede hacer para que al darle al botón de conectarse salga un cuadrito de conexión como el de abajo?

2° Una vez estés conectado, me gustaría que de alguna manera, en la barra de navegación apareciera un "mini avatar" del conectado, al lado su nombre, y al pinchar éste, aparezca un cuadrito con las opciones de "desconectarse, ver perfil, editar firma, etc" Como en un foro amigo:



Gracias de antemano. ^^

si a mi tambien me interesaria eso^^

Iriselha escribió:si a mi tambien me interesaria eso^^

Por favor, no comentes nada de mensajes que no ayuden al autor de dicho tema. 1er Advertencia,

Hola.
Primero dirígete a.

Panel de administración » Módulos » Gestión de los códigos Javascript » Crear un nuevo Javascript

En el titulo pones "Barra Twitter", en posición "Todas las Paginas" y en el contenido pegas esto.

Código:

jQuery(document).ready(function(){
  $('#page-header .navbar .navlinks a[href="/login"]').removeAttr('onclick');
  $('#page-header .navbar .navlinks a[href$="/login"]').addClass('box_login').append('
<div id="box" style="display:none;"><form action="/login" method="post" name="form_login">
<fieldset class="textbox">
<label><span>Nombre de Usuario:</span>
<input class="post" type="text" size="10" name="username"></label>
<label><span>Contraseña:</span>
<input class="post" type="password" size="10" name="password"></label>
</fieldset>
<fieldset class="blogin">
<label>Recordarme
<input style="margin-left: 4px;" class="radio" type="checkbox" name="autologin" checked="checked"></label>
<br><input class="mainoption button1" type="submit" name="login" value="Iniciar Cesion!">
</fieldset>
<br>
<p class="options">
<a href="/profile?mode=sendpassword">¿Olvidaste tu contraseña?</a>
<br><a href="/register" class="button2">Registrarse</a>
</p>
</form></div>');
$('.box_login').removeAttr('href').css('cursor','pointer').click(function(){
$(this).children('#box').delay(250).slideToggle()})
});

Después te vas a.

Panel de Administracion -> Visualizacion -> Colores -> CSS

Pegas esto.

Código:

#phpbb {
  background: #CCC;
}

#wrap {
  width: 60%;
  margin-top: 18px;
}

#page-header a#logo img {
  max-height: 38px;
  max-width: auto;
  z-index: 1;
  position: fixed;
  top: -1px;
}

#page-header .navbar {
  height: 40px;
  background: url(https://si0.twimg.com/a/1336623207/t1/img/twitter_web_sprite_bgs.png) repeat-x;
  box-shadow: 0 2px 3px rgba(0,0,0,.25);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

#page-header .navbar .navlinks {
  position: relative;
  left: 10em;
  top: 2px;
}

#search-box, a.mainmenu[href="/register"] {
  display: none;
}

#box {
  width: 250px;
  background: white;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
  border-radius: 5px;
  position: absolute;
  right: 38.5em;
  margin-top: 5px;
  padding: 5px;
  z-index: 99;
}

#box p.options {
  border-top: 2px solid #CCC;
  margin-top: -15px;
}

---

Recuerda, si tu duda fue resuelta, edita tu msj y coloca el icono de Resuelto.

Lo otro no te lo puedo dar ya que seria plagio de foro, tendrás que pedírselo a el autor de ello y mas que nada es solo una duda por tema.