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

[beta] Nuevo like system
Tema iniciado por y Añadir a favoritos

[beta] Nuevo like system  
el Vie Oct 07, 2016 8:47 pm
Mensaje  Chalo


Última edición por Chalo el Miér Oct 12, 2016 4:02 pm, editado 3 veces
[codebox]Bueno di un soporte en el foro en ingles y les comparto este sistema de likes:
Esta escrito enteramente en vanilla de momento solo es para phpbb3

demo: http://codelab.sitio-web.org/t1p150-tu-primer-tema#242
user: betatester
pass: betatester
[/codebox]
Código:

var ops = {
    //***** Written by Chalo ------ Open Source 2014-2016 *****//
    //-----------  http://www.opensourcephpbb3.com ------------//
    //-----------  only for phpBB3 ----------------------------//
    style: 'background:#000;height:20px;width:20px;color:#fff;font-size:15px;text-align:center;line-height:1.3;border-radius:3px;float: right;list-style-type: none;margin-left: 5px;margin-right: 5px;',
    image: 'http://i97.servimg.com/u/f97/19/54/65/02/th/68691610.png',
    like: function (c) {
        var d, s = ops.style,
            a = c.parentNode.parentNode.parentNode.parentNode,
            b = a.getElementsByClassName('vote-count');
        $.get(c.href).success(function () {
            b.length ? b[0].innerHTML = parseInt(b[0].innerHTML) + parseInt(1) : (d = document.createElement('li'), d.innerHTML = '1', d.setAttribute('style', s), d.title = 'likes in this post', d.className = 'vote-count', c.parentNode.parentNode.appendChild(d));
            c.style.opacity = '.3';
        });
    },
    my_like_system: function () {
        var i, a, b, c, d, e, f, g, l = ops.image,
            s = ops.style,
            h = document.getElementsByClassName('vote');
        for (i = 0; i < h.length; i++) {
            f = h[i];
            a = f.getElementsByClassName('vote-button').length && f.getElementsByClassName('vote-button')[0].firstChild;
            ops.number = f.getElementsByClassName('vote-bar').length && f.getElementsByClassName('vote-bar')[0].title.match(/(\d+)/g)[1];
            a && (a.classList.add('votar'), a.innerHTML = '<img src="' + l + '" alt="Like this post" title="Like this post" />',  a.setAttribute('onclick', 'ops.like(this);return false'));
            e = document.createElement('li');
            e.className = 'like_button';
            a && e.appendChild(a);
            b = f.parentNode.parentNode.parentNode;
            c = b.getElementsByClassName('corners-bottom')[0];
            d = document.createElement('ul');
            d.className = 'like_content';
            if (b.getElementsByClassName('like_button').length) {
                b.getElementsByClassName('vote-count')[0].insertAdjacentHTML('beforebegin', '<li class="like_button" style="opacity: .3;"><img src="' + l + '" alt="Like this post" title="Like this post" /></li>');
            }else{
                d.appendChild(e);
                c.appendChild(d);
            }
            if (f.getElementsByClassName('vote-bar').length) {
                d.innerHTML = '<li class="like_button voted" style="opacity: .3;"><img src="' + l + '" alt="Like this post" title="Like this post" /></li><li class="vote-count" style="' + s + '" title="likes">' + ops.number + '</li>';
                c.appendChild(d)
            }
            f.style.display = 'none';
        }
    }
};
$(function () {
    /\/t\d+/g.test(window.location.pathname) && ops.my_like_system()
});


css
Código:
.like_content{
float:right
}
.like_button{
float:left;list-style-type: none;margin-left:5px
}
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: [beta] Nuevo like system  
el Lun Oct 10, 2016 5:58 pm
Mensaje  mrsrz
Perfecto, se espera con ansias para la versión PUNBB!
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

419


Puntos :

587


Me gusta :

60


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.host-es.com/

Volver arriba Ir abajo

Re: [beta] Nuevo like system  
el Mar Oct 11, 2016 10:33 pm
Mensaje  Dosh
staff
Dosh
avatar

¿Que estoy pensando? :

Caballo sin nombre... [table class=fecha_up][td]Se modifico:31/07/17 - 20:22 hrs. [/td][/table]


Banner en temas :

http://i.imgur.com/FzYAhXk.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1481


Puntos :

2155


Me gusta :

396


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


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

Volver arriba Ir abajo

 En la misma categoria


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