Staff en línea

Página 1 de 2. 1, 2  Siguiente

[Resuelto] Quiero perfiles con Pestañas
Tema iniciado por y Añadir a favoritos

[Resuelto] Quiero perfiles con Pestañas 
el Mar Abr 28, 2015 10:05 am
Hola chicos, aqui traigo la segunda ayuda para mi persona de muchas que les voy a pedir ewe asique preparense para trabajar(?)
Hace tiempo ando en otro foro de soporte, y en ese foro subieron un tutorial de como poner los perfiles en pestañas, pero pasa que me di vuelta el foro completo y no lo encuentro    tal vez lo eliminaron xD
asique, la cosa es, quiero ver si me pueden ayudar a hacer perfiles con pestañas que es por cosa de comodidad xDDD por que e hecho perfiles, pero son horrendos, muy horrendos xD pero bueno, aqui un ejemplo

Spoiler:

Asi se ve con pestañas, hice otros, pero no me salen como los quiero, con pestañas http://glintz.foroactivo.com/ aqui esta ese modelo pero ya e visto muchos foros con los perfiles con pestañas :c me ayudan pls?
Sayuri Kross
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://coverjunction.s3.amazonaws.com/2012/181/e0737318-5d41-424b-ac7a-dd2f482d9907.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

35


Puntos :

66


Me gusta :

21


ingreso :

12/03/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Quiero perfiles con Pestañas 
el Mar Abr 28, 2015 12:51 pm
staff
mmm deja ver que puedo hacer, aunque te diré que estaos dias ando con mucho trabajo en mi vida real por eso de mi ausencia por estos lados
Chalo
avatar

¿Que estoy pensando? :

soy leyenda :p [table class=fecha_up][td]Se modifico:21/02/18 - 10:48 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6596


Puntos :

8642


Me gusta :

991


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [Resuelto] Quiero perfiles con Pestañas 
el Mar Abr 28, 2015 2:34 pm
No problem owo solo espero sea antes de una semana xDDDD que despues yo no tendre tiempo de nada
Sayuri Kross
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://coverjunction.s3.amazonaws.com/2012/181/e0737318-5d41-424b-ac7a-dd2f482d9907.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

35


Puntos :

66


Me gusta :

21


ingreso :

12/03/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Quiero perfiles con Pestañas 
el Miér Abr 29, 2015 2:16 pm
staff


Última edición por Pauu~ el Miér Mayo 13, 2015 1:07 pm, editado 5 veces
Sigue estos pasos.

Primero ve a tu PA -  Templates - viewtopic_body

Busca ese código :
Código:
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <!-- div class="online2"></div-->
            <dl>
               <dt>
                  {postrow.displayed.POSTER_AVATAR}
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
               </dt>
               <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
               <dd><br /></dd>
               <dd>
                  <!-- 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}
               </dd>
               <dd><br /></dd>
               <dd>
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
               </dd>
            </dl>
         </div>

Y sustitúyelo por este:
Código:

<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <!-- 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">
               <div class="f_a1">
                  {postrow.displayed.POSTER_AVATAR}
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
                  <br />{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
               </div>
               <div class="f_a2">
                  <!-- 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 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>
          

Agrega el siguiente CSS:

Código:
.f_a > div { display: none; }
.f_a > .f_a1 { display: block; }

Instala el siguiente JS y márcalo para que se muestre solo en los temas:

[hidecode]
Código:
$(function() {
   $('.f_b > span').click(function() {
      var n = $(this).attr('class').match(/\d/)[0],
      d = $(this).parent().parent().find('.f_a'+n);
      if(d.is(':not(:visible)')) {
         $(this).parent().next('.f_a').children('div').slideUp('slow');
         d.slideDown('slow');
      }
   });
});
[/hidecode]

Y listo. Con todo esto debería funcionarte perfecto.
RinC
avatar

¿Que estoy pensando? :

♥Open♥ [table class=fecha_up][td]Se modifico:29/01/18 - 19:08 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

788


Puntos :

1135


Me gusta :

189


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Quiero perfiles con Pestañas 
el Miér Abr 29, 2015 2:26 pm
staff
gracias por el soporte pauu
Chalo
avatar

¿Que estoy pensando? :

soy leyenda :p [table class=fecha_up][td]Se modifico:21/02/18 - 10:48 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6596


Puntos :

8642


Me gusta :

991


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [Resuelto] Quiero perfiles con Pestañas 
el Miér Abr 29, 2015 9:45 pm
Para ser franca no entendi nada... hice todo paso a paso y no paso nada, de echo, se fue todo abajo...
Preferiria que lo pongas tu el primero por que enserio hice todo y nada... Te mandare el link y la contraseña con el nombre de uss en un mp... por que enserio hice paso por paso y no paso nada :c
Sayuri Kross
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://coverjunction.s3.amazonaws.com/2012/181/e0737318-5d41-424b-ac7a-dd2f482d9907.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

35


Puntos :

66


Me gusta :

21


ingreso :

12/03/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Quiero perfiles con Pestañas 
el Jue Abr 30, 2015 9:51 am
staff


Última edición por Pauu~ el Jue Abr 30, 2015 9:53 am, editado 1 vez
Lo que pasa es que @Chalo editó mal mi post y puso dentro de un codehide el código que tenias que poner para sustituir el que borraras, dejándolo todo junto... así normal que no te funcionara... este hombre!
RinC
avatar

¿Que estoy pensando? :

♥Open♥ [table class=fecha_up][td]Se modifico:29/01/18 - 19:08 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

788


Puntos :

1135


Me gusta :

189


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Quiero perfiles con Pestañas 
el Jue Abr 30, 2015 9:53 am
staff
@Sayuri Kross, ya te lo puse y te funciona perfecto. Ahora solo tienes que editar el CSS a tu antojo para que te quede bonito y listo. ^^
RinC
avatar

¿Que estoy pensando? :

♥Open♥ [table class=fecha_up][td]Se modifico:29/01/18 - 19:08 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

788


Puntos :

1135


Me gusta :

189


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Quiero perfiles con Pestañas 
el Jue Abr 30, 2015 7:11 pm
Ou que ternura ♥ muchisimas gracias por aqyudarme, gracias gracias!!
Sayuri Kross
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://coverjunction.s3.amazonaws.com/2012/181/e0737318-5d41-424b-ac7a-dd2f482d9907.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

35


Puntos :

66


Me gusta :

21


ingreso :

12/03/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Resuelto] Quiero perfiles con Pestañas 
el Mar Mayo 05, 2015 4:41 pm
staff
@Sayuri Kross escribió:[quotelink="/t423-ayuda-quiero-perfiles-con-pestanas#2520"]
Ou que ternura ♥ muchisimas gracias por aqyudarme, gracias gracias!!

¿quedo solucionado?
Chalo
avatar

¿Que estoy pensando? :

soy leyenda :p [table class=fecha_up][td]Se modifico:21/02/18 - 10:48 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6596


Puntos :

8642


Me gusta :

991


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

 En la misma categoria


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