Staff en línea

Página 1 de 2. 1, 2  Siguiente

[Javascript] Sistema de likes para Todo Web
Tema iniciado por y Añadir a favoritos

[Javascript] Sistema de likes para Todo Web 
el Lun Mar 09, 2015 7:25 pm
staff


Última edición por Chalo el Lun Mar 09, 2015 8:02 pm, editado 1 vez

[codebox]Código para el foro de Alvaro
Solo punbb
[/codebox]
[hidecode]
Código:

function todoweb_ls() {
    var todoweb = {
        singular: 'Like',
        plural: 'Likes'
    };
    for (var x = $('.vote'), i = 0, vote;
    (vote = x[i++]);) {
        var count = 0,
            qtd = 0,
            barra = $('.vote-bar', vote)[0],
            votado = $('.vote-button', vote)[0];
        if (barra) {
            var numbarra = barra.title.match(/\d+/g);
            qtd = Math.round(parseInt(numbarra[1]) * parseInt(numbarra[0])) / 100
        }
        var numrep = qtd + ' ' + (qtd == 1 ? todoweb.singular : todoweb.plural);
        votado = votado ? '<span onclick="todowebVoto(\'' + votado.firstChild.href + '\',this);" class="TW_like">' + numrep + '</span>' : '<span class="TW_like TW_done">' + numrep + '</span>';
        $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before(votado)
    }
    x.remove()
};

function todowebVoto(b, a) {
    var d = a.innerHTML;
    a.innerHTML = 'Cargando...';
    a.onclick = '#';
    $.get(b, function() {
        a.className += ' TW_done';
        a.innerHTML = d;
        var c = a,
            b = parseInt(/\d+/.exec(c.innerHTML)[0]) + 1;
        c.innerHTML = c.innerHTML.replace(/\d+/, b)
    })
};
if (document.readyState === 'complete') {
    todoweb_ls()
} else {
    document.addEventListener('DOMContentLoaded', function() {
        todoweb_ls()
    })
}
[/hidecode]
el CSS
[hidecode]
Código:

.TW_like {
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
user-select: none;
}
[/hidecode]
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 :

6714


Puntos :

8781


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

staff
@AlvaroX™

:) ponlo en tu foro

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 :

6714


Puntos :

8781


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



Última edición por AlvaroX™ el Miér Mar 25, 2015 2:07 am, editado 1 vez
Gracias!! ^^!

AlvaroX™
avatar

¿Que estoy pensando? :

TW [table class=fecha_up][td]Se modifico:23/12/15 - 21:40 hrs.[/td][/table]


Banner en temas :

http://www.atozfbcovers.com/wp-content/uploads/63-halo.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

38


Puntos :

94


Me gusta :

28


ingreso :

29/01/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

gracias!
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

vamos a probar esto a ver que tal queda, grande chalo!!
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

staff
se ve bien pero se ve muy pequeño esta mas elegante el mio...
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo...


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1516


Puntos :

2203


Me gusta :

409


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


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

Volver arriba Ir abajo

staff
@Dosh escribió:[quotelink="/t338-javascript-sistema-de-likes-para-todo-web#1651"]
se ve bien pero se ve muy pequeño esta mas elegante el mio...


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

6714


Puntos :

8781


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

staff
@arsenico escribió:[quotelink="/t338-javascript-sistema-de-likes-para-todo-web#1650"]
vamos a probar esto a ver que tal queda, grande chalo!!

no creo que funcione en tu foro pero si gustas lo adapto@"arsenico",
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 :

6714


Puntos :

8781


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] Sistema de likes para Todo Web 
el Miér Mar 11, 2015 5:24 am
cierto, ya me di cuenta cuando instale el codigo, vale chalo, por mi encantado amigo!! siempre te estare muy agradecido.
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

Gracias!!
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

 En la misma categoria


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