Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Roger Hoy a las 1:56 am

[ayuda] mostrar y ocultar div
por RinC Vie Dic 15, 2017 5:17 pm

[html]Colección de Cards informátivo
por Julinho Vie Dic 15, 2017 3:19 pm

[html]Menú de enlaces simple
por Andreii Vie Dic 15, 2017 2:36 pm

[html]Escaparate de imágenes sencillo
por Andreii Vie Dic 15, 2017 2:30 pm

Página 1 de 2. 1, 2  Siguiente

[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
Mensaje  kensha
[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 :

279


Puntos :

405


Me gusta :

74


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 Jun 17, 2015 10:16 am
creo que no es el mismo pero voy a probarlo a ver que tal queda, gracias kensha.
arsenico
avatar

¿Que estoy pensando? :

Baneado del foro [table class=fecha_up][td]Se modifico:12/12/15 - 18:20 hrs.[/td][/table]


Banner en temas :

http://www.pagecovers.com/covers/electronic_music/music_drum_bass_beats.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

361


Puntos :

495


Me gusta :

52


ingreso :

10/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

firefox


Ver perfil de usuario http://losslesscity.foroactivo.com/

Volver arriba Ir abajo

Re: [javascript] Lista de Miembros en cajas 
el Miér Jun 17, 2015 11:31 am
Mensaje  Chalo
@arsenico escribió:[quotelink="/t626-javascript-lista-de-miembros-en-cajas#4643"]
creo que no es el mismo pero voy a probarlo a ver que tal queda, gracias kensha.

es el mismo pero tanto mew como kensha ya le pusieron de su cosecha al CSS, igual yo uso una version de ese code aqui
staff
Chalo
avatar

¿Que estoy pensando? :

los dias de ocio son geniales [table class=fecha_up][td]Se modifico:13/12/17 - 11:40 hrs. [/td][/table]


Banner en temas :

http://i.imgur.com/XlCMsAOh.jpeg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6469


Puntos :

8481


Me gusta :

967


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [javascript] Lista de Miembros en cajas 
el Miér Jun 17, 2015 12:10 pm
ok, pensaba que eran codes diferentes, que lioooo!! jajaja..
arsenico
avatar

¿Que estoy pensando? :

Baneado del foro [table class=fecha_up][td]Se modifico:12/12/15 - 18:20 hrs.[/td][/table]


Banner en temas :

http://www.pagecovers.com/covers/electronic_music/music_drum_bass_beats.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

361


Puntos :

495


Me gusta :

52


ingreso :

10/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

firefox


Ver perfil de usuario http://losslesscity.foroactivo.com/

Volver arriba Ir abajo

Re: [javascript] Lista de Miembros en cajas 
el Lun Jun 22, 2015 3:38 pm
Mensaje  CD"MA
Muchas gracias vamos a probarlo..
CD"MA
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://www.covermyfb.com/media/covers/thumb/15699-dj-spinning-music.jpg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #ccc


Mensajes :

336


Puntos :

472


Me gusta :

44


ingreso :

16/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Lista de Miembros en cajas 
el Mar Jul 14, 2015 9:46 am
Escribo para ver el code.
XyriuSbLaZ
avatar

¿Que estoy pensando? :

En nada [table class=fecha_up][td]Se modifico:22/7/15 - 22:44 hrs.[/td][/table]


Banner en temas :

http://tweeting.com/wp-content/uploads/2012/04/Cute-Kitten-Facebook-Cover.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

84


Puntos :

104


Me gusta :

16


ingreso :

10/07/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://megauniverso.superforo.net/

Volver arriba Ir abajo

Re: [javascript] Lista de Miembros en cajas 
el Sáb Ene 02, 2016 12:46 pm
Mensaje  icolor
Bueno, ando buscando algo para la lista de miembros a ver que tal.
icolor
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://myfbcovers.com/uploads/covers/2012/01/30/a5a2d8402dbc012f4e6600259003b428/watermarked_cover.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #000


Mensajes :

68


Puntos :

111


Me gusta :

19


ingreso :

29/12/2015


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Lista de Miembros en cajas 
el Lun Feb 08, 2016 7:47 am
gracias por este aporte
Andreii
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://static.tumblr.com/376a46baffe3444282f3b414a2fd0d46/jsyqb9t/qxbnm1bqy/tumblr_static_tumblr_static_4eo5pzujbwcg8gws0gcc8oc0s_focused_v3.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

117


Puntos :

132


Me gusta :

11


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Lista de Miembros en cajas 
el Lun Feb 29, 2016 7:22 pm
Probemos este code a ver que tal
cadillacisgod
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://profilerehab.com/facebook_covers/cars/pink_cadillac_cover_1.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

15


Puntos :

17


Me gusta :

2


ingreso :

29/02/2016


Sexo :

Masculino

Plataforma :

phpbb2


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Lista de Miembros en cajas 
el Sáb Feb 11, 2017 4:42 pm
Mensaje  Daria
Gracias Kensha, posteo para ver.
Daria
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 :

26


Puntos :

34


Me gusta :

8


ingreso :

31/08/2016


Sexo :

Femenino

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.