Staff en línea

Página 2 de 2. Precedente  1, 2

[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
Recuerdo del primer mensaje :


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

Soy leyenda 3.0 [table class=fecha_up][td]Se modifico:20/11/18 - 12:05 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6863


Puntos :

8959


Me gusta :

1031


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

[tag]Chalo[/tag] si pudiera adaptarlo para phpbb3 estaríamos agradecidos todos.
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 :

106


Me gusta :

18


ingreso :

10/07/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


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

Volver arriba Ir abajo

Veo de nuevo nuevo!
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 :

474


Me gusta :

46


ingreso :

16/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

staff
@XyriuSbLaZ escribió:[quotelink="/t338p10-javascript-sistema-de-likes-para-todo-web#5464"]
[tag]Chalo[/tag] si pudiera adaptarlo para phpbb3 estaríamos agradecidos todos.

[tag]XyriuSbLaZ[/tag] Solo pídelo en soporte y listo...
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo... [table class=fecha_up][td]Se modifico:1/010/18 - 15:59 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1585


Puntos :

2328


Me gusta :

453


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


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

Volver arriba Ir abajo

Re: [Javascript] Sistema de likes para Todo Web 
el Miér Jul 29, 2015 10:39 pm
posteo para ver que tal
Dragoneitors
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://doublemesh.com/wp-content/uploads/2015/12/star-wars-7-cover-photo.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

41


Puntos :

50


Me gusta :

7


ingreso :

26/06/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

¿Este vale para ponerlo tal cual en mi Foro?

Y es interesante si va en color.

Descargo y espero que valga para phpbb3

...


Pero todo esto de letras, números y símbolos ¿dónde va?

¿Se copia todo? ¿Y dónde se pega?
Tao
avatar

¿Que estoy pensando? :

La cuarta dimensión [table class=fecha_up][td]Se modifico:8/09/16 - 23:52 hrs.[/td][/table]


Banner en temas :

http://coverjunction.s3.amazonaws.com/2012/131/6a42e7a0-25f2-4bac-8398-5a75a0eaf17f.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #333


Mensajes :

271


Puntos :

347


Me gusta :

54


ingreso :

04/01/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


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

Volver arriba Ir abajo


Estoy en:

Para instalar un JS: » Panel de Administración > Módulos > HTML & JAVASCRIPT > Gestión de los códigos JavaScript


¿Y ahora qué hago? ¿Cómo creo y/o ubico un Javascript? Leo en mi Foro:

"Gestión de los códigos Javascript

En esta sección, puedes gestionar fácilmente los códigos javascript que quieras poner en las páginas de tu foro.

Cuidado : Esta sección está dedicada a los usuarios expertos.
Asegúrate de que tu código javascript no tenga fallos para que funcione una vez publicado.
Como imaginarás, optimizamos tu código para mejorar el proceso de carga de las páginas de tu foro."
Tao
avatar

¿Que estoy pensando? :

La cuarta dimensión [table class=fecha_up][td]Se modifico:8/09/16 - 23:52 hrs.[/td][/table]


Banner en temas :

http://coverjunction.s3.amazonaws.com/2012/131/6a42e7a0-25f2-4bac-8398-5a75a0eaf17f.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #333


Mensajes :

271


Puntos :

347


Me gusta :

54


ingreso :

04/01/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


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

Volver arriba Ir abajo


¿Va aquí como indica este Post de antaño?

http://www.opensourcephpbb3.com/t207-tutorial-css-y-foroactvo#785

Tao
avatar

¿Que estoy pensando? :

La cuarta dimensión [table class=fecha_up][td]Se modifico:8/09/16 - 23:52 hrs.[/td][/table]


Banner en temas :

http://coverjunction.s3.amazonaws.com/2012/131/6a42e7a0-25f2-4bac-8398-5a75a0eaf17f.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #333


Mensajes :

271


Puntos :

347


Me gusta :

54


ingreso :

04/01/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


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

Volver arriba Ir abajo

Muito agradecido señor Chalo!!
YoshiGM
avatar

¿Que estoy pensando? :

Ho,Ho,Ho! [table class=fecha_up][td]Se modifico:11/12/18 - 20:52 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1168


Puntos :

1567


Me gusta :

237


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.yoshifansclub.net

Volver arriba Ir abajo

Re: [Javascript] Sistema de likes para Todo Web 
el Sáb Sep 22, 2018 11:11 am
gracias por el post
tecnomaster
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 :

83


Puntos :

93


Me gusta :

6


ingreso :

08/05/2016


Sexo :

Masculino

Plataforma :

punbb


Navegador :

firefox


Ver perfil de usuario

Volver arriba Ir abajo

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 :

72


Puntos :

73


Me gusta :

1


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.