Hola!

Estoy re-diseñando el foro, para que tenga una interfaz un poco más "amigable", y quería hacer un perfil más o menos así:

(el cuadrado blanco son 6 campos de perfil que forman un inventario de, valga la redundancia, 6 ítems)

Y al hacer clic en el nick(o algún botón a su lado, eso es lo de menos) se despliegue una ventanita que muestra otros campos de perfil personalizado:



Entonces de esta manera ahorraría espacio y los perfiles no serían exageradamente largos.

Si es demasiada molestia, aunque sea sin el menú desplegable, me las arreglaría si me pudieran decir cómo poner campos de perfil específicos en los lugares que yo quiera.

La idea es hacer algo como esto:


Probé hacerlo yo pero el perfil se mueve para todos lados, se bugea.
Sé que es con edición del template viewtopic_body.


Desde ya muchas gracias.

Saludos!

Eso es algo que tengo meses tratando de que me den ayuda, pero no encuentro solución :S
Si alguien te responde a mi también me interesará ;D

UP
Si me llegan a responder te aviso por MP

Que version es tu Foro?.
Como eh visto dijiste sobre un template y me confunde si es PHPBB2 o PUNBB Y en tu foro dice PHPBB3, para que version lo quieres?

Punbb, el foro ahora es phpbb3, pero como me limita mucho a personalizarlo estoy haciendo un skin en un foro de pruebas PunBB.

Saludos!

Hola, primero te vas a:

Panel de Administración → Usuarios & Grupos → Usuarios → Perfiles → Campos

Buscamos el campo de "Fecha de inscripción" y pinchamos en la tuerca color amarilla para editar el campo. Cambiaremos el nombre por "Registrado", para poder acortejar la palabra y no usar mucho espacio.

Ahora debes de tener de esta manera los campos del perfil:

Nota de Importancia. Los campos del recuadro rojo son los que debes de solo mostrar, los demás los ocultas ( me refiero a que si tiene la opcion de editar la parte de "¿Quién puede modificar el valor de su contenido?" Y quitas las palomitas en los cuadrados).

---

Ahora nos vamos.

Panel de Administración → Visualización → Templates → General → viewtopic_body

Buscas esta parte.

Código:

                  <div class="user">
                     <tr><div class="user-ident">
                        <h4 class="username">{postrow.displayed.POSTER_NAME}</h4> 
                                                          <div class="user-basic-info">
                           {postrow.displayed.POSTER_AVATAR}<br />
                           {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                                                            </div>
                     </div>
                     <div class="user-info">
                        {postrow.displayed.ONLINE_IMG}
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                                                          </div>
                  </div>

Y la remplazas por esta.

Código:

                  <div class="user">
                                                  <table>
                     <tr><div class="user-ident">
                        <h4 class="username">{postrow.displayed.POSTER_NAME}</h4> 
                                                          <td class="user-representation"><div class="user-basic-info">
                           {postrow.displayed.POSTER_AVATAR}<br />
                           {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                                                            </div></td>
                     </div>
                     <td class="user-stats"><div class="user-info">
                        {postrow.displayed.ONLINE_IMG}
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                                                          </div></td>
                                                    </tr></table>
                  </div>

---

Por ultimo ve a tu CSS y pega estos codigos.

Código:

/*Perfil*/
.post .postmain {
margin-left: 19em!important;
}

.post .user .user-basic-info, .post .user .user-info, .post .user-ident .username {
 text-align: center!important;
}

.post .user {
width: 18em;
margin-left: -18.5em!important;
}

.post .postfoot {
margin-left: -19em;
}
/*Perfil - Informacion principal de Usuario ( Avatar Y Rango )*/
.post .user .user-basic-info {
margin-top: -6em;
}

.post .user-ident .username {
position: relative;
margin-top: -1em;
}

.post .user .user-basic-info a img {
max-width: 52px;
max-height: 52px;
}
/*Perfil - Informacion del Perfil del usuario*/
.post .user .user-info {
font-size: .9em;
margin-left: 1.5em;
}

Resultado del Tutorial.

Groso muchísimas gracias :3

¿Y para mover campos de perfil específicos como hago?
Osea, por ejemplo si yo quiero que el inventario se vea debajo de la firma, ¿Cómo lo hago?(no es eso lo que quiero hacer, pero necesito saberlo para lograr mis propios resultados) Porque en los templates solo puedo mover todos los campos de perfil, pero no uno en específico.
(Es parte de la duda del tema)

Saludos!

Hola, eso no creo que sea posible, porque con javascript si lo logro pero se repetire los inventarios de cada usuario en cada perfil:/

Ok muchas gracias, igual dejo unos días mas el tema a ver si se puede(porque vi en otro foro que ponían campos de perfil bajo la firma, no me interesa eso, pero si saber como moverlos)

Muchísimas gracias por tu ayuda

UP

Ya tito me resolvio la duda en otro tema, por lo que voy a usar ese otro método.
Saludos!