Staff en línea

Página 4 de 4. Precedente  1, 2, 3, 4

[Resuelto] Sistema de Acordes
Tema iniciado por y Añadir a favoritos

[Resuelto] Sistema de Acordes 
el Jue Mayo 14, 2015 9:33 pm
Recuerdo del primer mensaje :

URL:: www.musicinstant.host-es.com
Versión de mi foro::PunBB
Navegador:: Mozilla
Descripcion del problema:  Queria preguntar que si era la posibilidad de crear un sistema con javascript claro esta, que pueda hacer un toolip de una imagen "una imagen de acorde para guitarra" pero sin introducir una imagen en el post, es decir como la paginas de acordes que hay una letra en tal caso el acorde Do "C" y que al pasar por encima de este salga el toolip mostrando el acorde en una imagen para que la gente se guie de como seria...
Capturas de pantalla del problema:
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 :

424


Puntos :

596


Me gusta :

62


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


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

Volver arriba Ir abajo

Re: [Resuelto] Sistema de Acordes 
el Vie Jun 05, 2015 10:19 am
staff
Código:

$(function(){$(function(){ $(".entry-content").each(function() { $(this).html($(this).html().replace(/cmy/gi,"<a class=Ntooltip>C<span><IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/c10.png'></span></a>").replace(/cmn/g,"<a class=Ntooltip>Cm<span><IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/cmt310.png'></span></a>").replace(/Cp3/gi,"<a class=Ntooltip>Cp3<span><IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/ct310.png'></span></a>").replace(/C5p3/gi,"<a class=Ntooltip>C5p3<span><IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/c5t310.png'></span></a>") .replace(/C7/gi,"<a class=Ntooltip>C7<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/c710.png'></span></a>") .replace(/C#/g,"<a class=Ntooltip>C#<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/cnt410.png'></span></a>") .replace(/c#m/gi,"<a class=Ntooltip>C#m<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/cnmt411.png'></span></a>") .replace(/dmy/gi,"<a class=Ntooltip>D<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/d10.png'></span></a>") .replace(/dmn/gi,"<a class=Ntooltip>Dm<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/dm10.png'></span></a>") .replace(/Dmp5/gi,"<a class=Ntooltip>Dmp5<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/dmt510.png'></span></a>") .replace(/Dp5/gi,"<a class=Ntooltip>Dp5<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/dt510.png'></span></a>") .replace(/D5p5/gi,"<a class=Ntooltip>D5p5<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/d5t510.png'></span></a>") .replace(/D7/gi,"<a class=Ntooltip>D7<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/d711.png'></span></a>") .replace(/D#/g,"<a class=Ntooltip>D#<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/dnt610.png'></span></a>") .replace(/d#m/gi,"<a class=Ntooltip>D#m<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/dnmt610.png'></span></a>") .replace(/emy/gi,"<a class=Ntooltip>E<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/e10.png'></span></a>") .replace(/emn/gi,"<a class=Ntooltip>Em<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/em10.png'></span></a>") .replace(/Emp7/gi,"<a class=Ntooltip>Emp7<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/emt710.png'></span></a>") .replace(/Ep7/gi,"<a class=Ntooltip>Ep7<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/et710.png'></span></a>") .replace(/E5/gi,"<a class=Ntooltip>E5<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/e510.png'></span></a>") .replace(/E7/gi,"<a class=Ntooltip>E7<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/e710.png'></span></a>") .replace(/fmy/gi,"<a class=Ntooltip>F<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/f10.png'></span></a>") .replace(/fmn/gi,"<a class=Ntooltip>Fm<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/fm10.png'></span></a>") .replace(/Fmp8/gi,"<a class=Ntooltip>Fmp8<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/fmt810.png'></span></a>") .replace(/Fp8/gi,"<a class=Ntooltip>Fp8<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/frct810.png'></span></a>") .replace(/F5/gi,"<a class=Ntooltip>F5<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/f510.png'></span></a>") .replace(/F7/gi,"<a class=Ntooltip>F7<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/f710.png'></span></a>") .replace(/F#/g,"<a class=Ntooltip>F#<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/fn10.png'></span></a>") .replace(/f#m/gi,"<a class=Ntooltip>F#m<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/fnm10.png'></span></a>") .replace(/gmy/gi,"<a class=Ntooltip>G<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/g10.png'></span></a>") .replace(/gmn/gi,"<a class=Ntooltip>Gm<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/gmt310.png'></span></a>") .replace(/Gp3/gi,"<a class=Ntooltip>Gp3<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/gt310.png'></span></a>") .replace(/G5/gi,"<a class=Ntooltip>G5<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/g5t310.png'></span></a>") .replace(/G7/gi,"<a class=Ntooltip>G7<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/g710.png'></span></a>") .replace(/G#/g,"<a class=Ntooltip>G#<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/gnt410.png'></span></a>") .replace(/g#m/gi,"<a class=Ntooltip>G#m<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/gmt410.png'></span></a>") .replace(/amy/g,"<a class=Ntooltip>A<span> <IMG SRC='http://www.servimg.com/u/f19/16/62/84/62/a10.png'></span></a>") .replace(/amn/gi,"<a class=Ntooltip>Am<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/am10.png'></span></a>") .replace(/Amp5/gi,"<a class=Ntooltip>Amp5<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/amt510.png'></span></a>") .replace(/Ap5/gi,"<a class=Ntooltip>Ap5<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/at510.png'></span></a>") .replace(/A5/gi,"<a class=Ntooltip>A5<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/a510.png'></span></a>") .replace(/A7/gi,"<a class=Ntooltip>A7<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/a710.png'></span></a>") .replace(/A#/g,"<a class=Ntooltip>A#<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/an10.png'></span></a>") .replace(/bmy/gi,"<a class=Ntooltip>B<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/b10.png'></span></a>") .replace(/bmn/gi,"<a class=Ntooltip>Bm<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/bm10.png'></span></a>") .replace(/Bmp7/gi,"<a class=Ntooltip>Bmp7<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/bnt710.png'></span></a>") .replace(/Bp7/gi,"<a class=Ntooltip>Bp7<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/bt710.png'></span></a>") .replace(/B5/gi,"<a class=Ntooltip>B5<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/b510.png'></span></a>") .replace(/B7/gi,"<a class=Ntooltip>B7<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/b710.png'></span></a>") .replace(/a#m/gi,"<a class=Ntooltip>A#m<span> <IMG SRC='http://i19.servimg.com/u/f19/16/62/84/62/anm10.png'></span></a>") ); }); })});

bien estaba configurado para phpbb3, ya esta para punbb, copia este ultimo y prueba
Chalo
avatar

¿Que estoy pensando? :

Buen miércoles a todos [table class=fecha_up][td]Se modifico:23/05/18 - 8:31 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6676


Puntos :

8737


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [Resuelto] Sistema de Acordes 
el Vie Jun 05, 2015 10:48 am
Perfecto, si se soluciono, ya yo puedo empezar a pulir el css! ;)
Pero, ahora como puedo hacer para que estando dentro de los div la imagen se pueda ver completa...
aca un ejemplo de lo que esta pasando @Chalo, @Amru G

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 :

424


Puntos :

596


Me gusta :

62


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


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

Volver arriba Ir abajo

Re: [Resuelto] Sistema de Acordes 
el Vie Jun 05, 2015 1:17 pm
staff
@Srz,

agrega al css

Código:

.postmain blockquote{overflow:visible!important}
Chalo
avatar

¿Que estoy pensando? :

Buen miércoles a todos [table class=fecha_up][td]Se modifico:23/05/18 - 8:31 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6676


Puntos :

8737


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [Resuelto] Sistema de Acordes 
el Vie Jun 05, 2015 7:36 pm
Me complace finalmente decir Tema Resuelto!!!
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 :

424


Puntos :

596


Me gusta :

62


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


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

Volver arriba Ir abajo

 En la misma categoria


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