Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Chalo Lun Oct 15, 2018 8:24 am

[Revisado] Errores Yoshi Fans club
por YoshiGM Sáb Oct 13, 2018 12:36 pm

[CSS] Dar estilo a los rangos
por Eslam Love Miér Oct 03, 2018 11:15 pm

Página 2 de 2. Precedente  1, 2

[javascript] Lista de Miembros en cajas
Tema iniciado por y Añadir a favoritos

[javascript] Lista de Miembros en cajas 
el Miér Jun 17, 2015 10:02 am
Recuerdo del primer mensaje :

[codebox]colocar lista de miembros en miniatura[/codebox]

[hidecode]
Javascript
Código:
if(/memberlist/.test(window.location.pathname)){
function sortMemlist() {
    var x=document.getElementById('memberlist'), y=x.getElementsByTagName('tr'), headers=y[0].getElementsByTagName('th'); 

    for(i=1, l = y.length; i < l; i++) {
        var outer=document.createElement('div');
        outer.className = "membox";
        var td=y[i].getElementsByTagName('td');
        outer.innerHTML += "<div onmouseover=\"$('#meminfo"+i+"').show();\" onmouseout=\"$('#meminfo"+i+"').hide();\" class=\"showinfo\">"+ td[1].innerHTML+ "</div>";
        var inner = document.createElement('div');
        inner.className = "meminner";
        inner.id = "meminfo" + i;
        inner.style.display = "none";
     


        for(var j=3, k = td.length - 2; j < k; j++) {
            if(td[j].innerHTML! = '' && td[j].innerHTML != '  ') {
                inner.innerHTML += "<span class='memopthead'>" +headers[j].innerHTML + ":</span>";
            }
            inner.innerHTML += "<span class='memopt'>" +td[j].innerHTML+ "</span><br>";
        }
        outer.appendChild(inner);
        x.appendChild(outer);
        $($('.showinfo')[i-1]).append(td[td.length-2]).append(td[td.length-1]);
    }
}

$(function(){if(document.getElementById('memberlist')){sortMemlist();
$('.number').add('.interests,.name,.joined,.posts,.pm,.website,.row1,.row2,.active').hide();
}});
}

css
Código:
.showinfo {  text-align: center;}
.membox .showinfo>a img { display: block;  height: 90px;  width: 90px; }
.membox .showinfo td {  float: right; }
.memopt {  display: block; text-align: center;}
.meminner {
  background: rgba(70, 150, 131, 0.35);
  border: 1px solid #color;
  border-radius: 3px;
  box-shadow: 2px 2px 2px #color;
  margin-left: 15px;
  padding: 5px;
  position: absolute;
  margin-top: inherit;
  width: 120px;
  z-index: 999;
}
.memopthead {  font-weight: bold;}
.membox {
    border-radius: 6px;
  float: left;
  padding: 5px;
  border: 0px solid #color;
  background: rgba(19, 133, 140, 0.13);
  margin: 10px;
  box-shadow: 2px 2px 2px #color;
}

[/hidecode]
kensha
avatar

¿Que estoy pensando? :

regresando [table class=fecha_up][td]Se modifico:27/03/17 - 9:42 hrs.[/td][/table]


Banner en temas :

http://facecoverz.com/static/img/uploads/o_facecoverz.com-1365693265366.jpg


Color de titulos :

#0FAEAC


Sombra titulo :

1px 1px 1px #fff


Mensajes :

287


Puntos :

420


Me gusta :

81


ingreso :

12/05/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://bookland.activosforos.com

Volver arriba Ir abajo

Re: [javascript] Lista de Miembros en cajas 
el Miér Feb 15, 2017 9:49 am
muchas gracias veo el code
Roger
avatar

¿Que estoy pensando? :

Probando el status del foro [table class=fecha_up][td]Se modifico:9/03/17 - 9:13 hrs.[/td][/table]


Banner en temas :

http://thedesigninspiration.com/wp-content/uploads/2012/06/Facebook-Covers-029.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

305


Puntos :

343


Me gusta :

30


ingreso :

30/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Lista de Miembros en cajas 
el Miér Abr 11, 2018 12:28 pm
Quiero Verlo :3 No Solo Posteo Para Verlo Sino También Para Usarlo Ɛ: Gracias :3
Msk
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://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

29


Puntos :

48


Me gusta :

17


ingreso :

27/07/2017


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Lista de Miembros en cajas 
el Miér Abr 11, 2018 1:06 pm
Quiero Verlo :3 No Solo Posteo Para Verlo Sino También Para Usarlo Ɛ: Gracias :3
Msk
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://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

29


Puntos :

48


Me gusta :

17


ingreso :

27/07/2017


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Lista de Miembros en cajas 
el Miér Mayo 09, 2018 2:38 pm
gracias por compartirlo, lo estaba buscando
Ysamar
avatar

¿Que estoy pensando? :

jjp´j [table class=fecha_up][td]Se modifico:10/05/18 - 19:04 hrs. [/td][/table]


Banner en temas :

http://descargarimagenestiernas.com/wp-content/uploads/2015/07/imagenes-tiernas-con-frases-para-descargar-3.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

68


Puntos :

78


Me gusta :

10


ingreso :

28/11/2015


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Lista de Miembros en cajas 
el Dom Sep 30, 2018 1:57 am
thank you very much
Eslam Love
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://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

63


Puntos :

63


Me gusta :

0


ingreso :

30/09/2018


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


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