Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Chalo Lun Ago 13, 2018 8:29 am

[CSS] Re diseña la toolbar
por lnymph Lun Ago 13, 2018 2:47 am

[ocio] Tus frases favotitas
por lnymph Lun Ago 13, 2018 2:29 am

[cine] ¿Cual es tu pelicula favorita?
por lnymph Lun Ago 13, 2018 2:20 am

[Ocio] ¿De que país sois?
por lnymph Lun Ago 13, 2018 2:17 am

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

[Resuelto] Lista de Acordes 
el Miér Nov 04, 2015 11:51 am
URL:: http://musicinstant.host-es.com/
Versión de mi foro:: PunBB
Navegador:: Chrome
Descripcion del problema: A ver si era posible una lista de acordes, o de tags "[rem]" en el editor!
Capturas de pantalla del problema: Sin capturas

Mensaje automático



[ok]Cierro tema, y muevo a Temas resueltos[/ok]
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] Lista de Acordes 
el Miér Nov 04, 2015 6:12 pm
staff


Última edición por Chalo el Miér Nov 04, 2015 7:07 pm, editado 1 vez
[tag]mrsrz[/tag]

bien este es un prototipo:

Código:

$(function () {
    $(function () {
        if (_userdata.user_level >= 1) {
            var acordesHtml =

                '<ul class="lista_princ" style=" min-width: 160px !important; background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 5px #ADADAD; display: none; list-style: none outside none !important; margin-left: -78px !important; padding: 5px 2px 5px 2px !important; position: absolute; z-index: 998; margin-top: 31px;">' +
                '<li>' +
                '<a unselectable="on" title="cym" class="sceditor-button acorde">' +
                '<span>' + '<b>Do</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="sisiete" class="sceditor-button acorde" >' +
                '<span>' + '<b>Re</b>' + '</span>' +
                '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>Mi</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>fa</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>sol</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>la</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>Si</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>Do</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>re</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>mi</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>Fa</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' + '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>sol</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>la</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>si</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>do</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde">' +
                '<span>' + '<b>re</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>mi</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' +
                '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>sol</b>' + '</span>' + '</a>' +
                '</li>' +
                '<li>' + '<a unselectable="on" title="" class="sceditor-button acorde" >' +
                '<span>' + '<b>la</b>' + '</span>' + '</a>' +
                '</li>' +
                '</ul>';

            $('.sceditor-group:last-child').after('<div class="sceditor-group" id="lista_acordes"><a class="sceditor-button" title="Lista de acordes"><div style="background:url(https://cdn4.iconfinder.com/data/icons/fugue/icon/guitar--pencil.png) no-repeat;"></div></a></div>');
            $('#lista_acordes').append(acordesHtml);
            $('#lista_acordes').on('click', function () {
                $(this).find('ul').slideToggle()
            });
            $('.acorde').on('click', function () {
                var tag = $(this).attr('title');
                $('#text_editor_textarea').sceditor('instance').insertText('[' + tag + ']')
            });
        }
    });
});

pero debes colocar los acorde tu mismo son demasiados:

para añadir un nuevo acorde, da espacio en un '</li>'+

y añade

Código:

 '<li>' +
  '<a unselectable="on" title="cym" class="sceditor-button acorde">' +
  '<span>' + '<b>Do</b>' + '</span>' + '</a>' +
  '</li>' +

y asi los que necesites.

puse varios pero solo los dos primeros tienen valores de ejemplo

'<li>' +
'<a unselectable="on" title="cym" class="sceditor-button acorde">' +
'<span>' + '<b>Do</b>' + '</span>' + '</a>' +
'</li>' +

lo que esta marcado en rojo lo debes llenar tu donde va title="es el tag que declaramos en el code que reemplaza por la imagen" y donde esta <b> Es el nombre en el menu</b>

añade esto al CSS

Código:

.acorde {
    font-size: 11px !important;
    color: #777 !important;
    width: auto !important;
    text-indent: 0px !important;
    float: none;
    text-align: left;
}
.acorde:hover{background:none!important;color:red!important}

Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


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: [Resuelto] Lista de Acordes 
el Miér Nov 04, 2015 6:31 pm
Coloque el JS en los temas y no funciono, luego en todas las pagina y tampoco, alguna solucion? Porque me pasan estas cosas a mi? jaja
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] Lista de Acordes 
el Miér Nov 04, 2015 7:03 pm
staff
pues yo lo probe en tu foro y funciona, debes editarlo
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


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: [Resuelto] Lista de Acordes 
el Miér Nov 04, 2015 7:06 pm
staff
faltaba una ; ya lo agregue directo, dentro del sistema de acordes[tag]mrsrz[/tag]
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


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: [Resuelto] Lista de Acordes 
el Miér Nov 04, 2015 7:55 pm
Creo que simplificar los JS es una excelente idea, ya puedes cerrar el tema Chalo.
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.