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

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

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

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

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 :

473


Me gusta :

45


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


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

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 :

49


Me gusta :

6


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?

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

Aquí Sigo .w. [table class=fecha_up][td]Se modifico:12/07/18 - 17:29 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 :

1129


Puntos :

1503


Me gusta :

214


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


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

Volver arriba Ir abajo

 En la misma categoria


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