Perfiles con pestañas fijar nick y rango [PHPBB3]

Ver el tema anterior Ver el tema siguiente Ir abajo

Perfiles con pestañas fijar nick y rango [PHPBB3]

Mensaje por Sophiestication el Lun 10 Nov - 13:50

Si de por si me considero negada con el html,css, java y un largo etc, ahora con las modificaciones de templates como comprenderéis, me siento rematadamente más tonta. En fin,esta intro es para explicar que si logré colocar los perfiles con pestañas fue gracias a algún que otro tema de FA-que no me solucionó demasiado y que finalmente no empleé y a este tema de este foro donde Quinn pedía ayuda y si que me sirvió para lograr el efecto que buscaba. 

En fin, que más o menos logré lo que buscaba, pero me interesa entender más pues me han surgido unas dudas y un problema (?).

PROBLEMA: Tanto nick como rango se encuentran dentro de la pestaña inicial del avatar. Por tanto, cuando clikeas para cambiar a otra de las pestañas, estos desaparecen. Y no me interesa que desaparezcan...asi que tras intentar encontrar yo solita el camino a la solución, he desistido y recurro a vosotros C:

DUDA: ¿Es posible ampliar las pestañas? Osease, imagino que sí. Pero la duda es sí se puede crear una cuarta pestaña y colocar parte de la info de perfil mitad en una pestaña y mitad en otro.  O poder meter en esa pestaña información que los usuarios pudieran modificar,que es lo que me interesaría.


No he dejado code pues como ya he dicho, básicamente seguí los pasos que le disteis a Quinn-y por los que os mencionaré en agradecimiento pues me salvasteis la vida. Lo único que he cambiado han sido las decoraciones del perfil y no creo que ello sea influyente (?). Pero que sin problemas proporciono el código si veis que es necesario. 

Y de antemano, ¡graaaaacias!  Sonrisa
avatar
Sophiestication

Mensajes : 35
Fecha de inscripción : 23/08/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: Perfiles con pestañas fijar nick y rango [PHPBB3]

Mensaje por Bret el Lun 10 Nov - 20:46

Lo único que tienes que hacer es cambiar el código a sustituir en la plantilla viewtopic_body por lo siguiente:

Código:
         <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <script type="text/javascript">
                var excepciones = /mensajes/i;
            </script>
                              
            <!-- div class="online2"></div-->
            <div class="f_b">
               <span class="f_b1">Avatar</span>
               <span class="f_b2">Campos</span>
               <span class="f_b3">Contacto</span>
            </div>
            <div class="f_a">
               <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
                  <br />{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
               <div class="f_a1">
                  {postrow.displayed.POSTER_AVATAR}
               </div>
               <div class="f_a2">
                  <!-- BEGIN profile_field -->
                     <script type="text/javascript">
                     if(!'{postrow.displayed.profile_field.LABEL}'.match(excepciones)) {
                         document.write('{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}');
                     }
                     </script>
                    
                  <!-- END profile_field -->
                  {postrow.displayed.POSTER_RPG}
               </div>
               <div class="f_a4" id="f_a4">
                   <!-- BEGIN profile_field -->
                     <script type="text/javascript">
                     if('{postrow.displayed.profile_field.LABEL}'.match(excepciones)) {
                         document.write('{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}');
                     }
                     </script>
                    
                  <!-- END profile_field -->
               </div>
               <div class="f_a3">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
               </div>
            </div>
            
         </div>

Lo que tienes que modificar es, en la tercera línea, el nombre de los campos que quieres poner en la pestaña siguiente a la de los perfiles. Recuerda separarlos por el signo «|». Además, estaría bien que que los pusieses en minúscula y no pusieses el nombre completo, a parte de que deberías evitar poner tildes. Entonces, campos como este: «Fecha de inscripción» yo pondría simplemente «inscripci».

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: Perfiles con pestañas fijar nick y rango [PHPBB3]

Mensaje por Sophiestication el Lun 10 Nov - 21:37

¡Millones de gracias, Bret!
Solo una última consulta antes de dar esto por solucionado Riéndose
Ya que lo que es el efecto tu código lo ha logrado. Ya, por no molestar, y porque para que negarlo, quiero aprender y no estaba conforme con el resultado pues buscaba que rango y nick quedaran bajo el avatar (es algo que no había comentado así que todo es mea culpa) me fijé en qué cosas habías modificado tu con respecto al code anterior del template, y tras localizar el nombre de las variables y demás...en fin,que me lancé a la aventura Riéndose Y conseguí el efecto que buscaba. Pero como soy capaz de haber hecho un crimen atroz aunque se vea correcto a lo que deseo, me gustaría que me dijeras simplemente si he cometido un crimen o no, si milagrosamente modifiqué bien el cambio que queria hacer. Sobre todo es una duda que tengo debido a todos los 'br' que tuve que meter para poder colocar el rango y nick a la altura que deseaba sin que solapara con el avatar ¡Gracias,en serio! :3

Código:
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <script type="text/javascript">
                var excepciones = /mensajes/i;
            </script>
                              
            <!-- div class="online2"></div-->
            <div class="f_b">
               <span class="f_b1">ID</span>
               <span class="f_b2">Info</span>
               <span class="f_b3">Contacto</span>
            </div>
            <div class="f_a">
                              <div class="f_a1">
                  {postrow.displayed.POSTER_AVATAR}
               </div>
               <div class="f_a2">
                  <!-- BEGIN profile_field -->
                     <script type="text/javascript">
                     if(!'{postrow.displayed.profile_field.LABEL}'.match(excepciones)) {
                         document.write('{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}');
                     }
                     </script>
                    
                  <!-- END profile_field -->
                  {postrow.displayed.POSTER_RPG}
               </div>
               <div class="f_a4" id="f_a4">
                   <!-- BEGIN profile_field -->
                     <script type="text/javascript">
                     if('{postrow.displayed.profile_field.LABEL}'.match(excepciones)) {
                         document.write('{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}');
                     }
                     </script>
                    
                  <!-- END profile_field -->
               </div>
               <div class="f_a3">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
               </div>
            </div>
                           <br /><br /><br /><br /><br /><br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
                  <br />{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
         </div>
avatar
Sophiestication

Mensajes : 35
Fecha de inscripción : 23/08/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: Perfiles con pestañas fijar nick y rango [PHPBB3]

Mensaje por Bret el Lun 10 Nov - 21:51

En principio creo que está bien, no me hagas mucho caso pero creo que lo has modificado correctamente. ^^ De todas formas pruébalo y dime como te va.

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: Perfiles con pestañas fijar nick y rango [PHPBB3]

Mensaje por Sophiestication el Lun 10 Nov - 21:58

Funciona genial de momento, asi que...¡resuelto!
Millones de gracias de nuevo :3
avatar
Sophiestication

Mensajes : 35
Fecha de inscripción : 23/08/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: Perfiles con pestañas fijar nick y rango [PHPBB3]

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.