Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Chalo Lun Oct 15, 2018 8:24 am

[Revisado] Errores Yoshi Fans club
por YoshiGM Sáb Oct 13, 2018 12:36 pm

[CSS] Dar estilo a los rangos
por Eslam Love Miér Oct 03, 2018 11:15 pm

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

ayudando como debe ser [table class=fecha_up][td]Se modifico:2/010/18 - 20:40 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6839


Puntos :

8934


Me gusta :

1030


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 :

1577


Puntos :

2320


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

Octubre Sorprendeme [?] [table class=fecha_up][td]Se modifico:1/010/18 - 17:37 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 :

1151


Puntos :

1548


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 :

92


Me gusta :

5


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 :

63


Puntos :

63


Me gusta :

0


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.