Staff en línea

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

416


Me gusta :

77


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
staff
@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
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://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
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 :

473


Me gusta :

45


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
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 :

142


Puntos :

165


Me gusta :

19


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
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.