[MyCode] Fieldset al estilo Intercambiosvirtuales

Bueno, como dice el título el día de doy vengo con un mycode simple para sus foros, no es de gran importancia sino es un mycode que nos servirá para agrupar información con un título de encabezado y contenido, idénticamente como se hacen los aportes en Intercambiosvirtuales, en donde se ve la información muy ordenada, simple y elegante, al menos desde mi punto de vista lo es así.

Bueno, les dejo los campos a rellenar:

Título: Fieldset Intercambiosvirtuales

Expresión regular

Reemplazar por

Forma de Uso


Vista Previa



Imagen de mi foro en donde aproveché el mycode para poder traer los posts de los episodios liberados cada semana de Naruto Shippuden , como ven la apariencia es idéntica, es como ver los mismos posts de intercambiosvirtuales pero desde sus propios foros.

Espero les haya gustado, es demasiado simple, gracias por leer.

gracias por el mycode wow Cao 355 de Naruto Shippuden quede en el 342 o algo asi me toca ponerme a descargar para ponerme al dia

Es bueno tener nuevas ideas , la verdad que es muy bueno contar con este tipo de herramientas :D.

Rep+

Gracias @Jean Pierre.

Con tu permiso he modificado el código para que se adapte a mi sistema ...
Llevo tiempo que me atrae las sombras y las esquinas redondas , os dejo si queréis probar ;

Reemplazar por


Resultado ;

   

Excelente aporte compañero, solo que es posible que se muestre en el editor? osea en los bbcodes que ya se muestran...


gracias.

Es posible agregándolo manualmente, creo que hay un manual en tutoriales, de no ser así en cuanto pueda lo subo ya que debo buscarlo en el respaldo de mi foro :D

---

1. Abrir el archivo jscripts/editor.js con Notepad++.

2. Buscar el siguiente código.


Esta sobre la línea 214 o cerca de esa .

3. Agrega una nueva línea colocando una coma al final de la de arriba.


O sea:


4. Los datos son los siguientes
name debe ser el nombre único e irrepetible de tu botón:
insert es el código que se insertará al presiona el boton
en image va la imagen del botón la cual debes agregar a la ruta jscripts/editor_themes/images.

5. Agregar la imagen a la ruta jscripts/editor_themes/EL EDITOR QUE USAS/images/.


6. Busca por:


7. Agrega abajo


8. Buscar:


9. Agregar abajo:


Listo, deberá funcionar, cualquier duda puedes comentarla por aquí, saludos...

Exacto, con lo que te está dejando @Dark Neo tendrás el botón en tu editor funcionando directamente gracias al código de javascript básico que tiene, al usar el prompt se te abrirá un alert en donde tendrás que poner la información que solicita, son 2 datos, el título de encabezado y el cuerpo del mensaje.

Aunque Dark, generalmente un fieldset esto se usa para encerrar grandes contenidos, no creo que en un pequeño campo de texto alguien pueda poner la información de casi todo su post que muchas veces tienen estilo personalizado usando las demás herramientas del editor. El segundo prompt para el contenido sería usado para colocar apenas una palabra y luego ya finalizado esto, editar el contenido por lo que queramos poner realmente. De todas formas es una manera muy dinámica de hacer funcionar este mycode, me gustó mucho tu minitutorial

Solo das intro al segundo y colocas el contenido manual, o sinplemente se cambia el script para que solo salga un contenido y lo otro quede como tal, fue solo una idea general que se me ocurrio, pero igualmente se puede colocar al dar clic unicamente que ponga los datos y se coloquen manualmente :D

Lo que pasa es que me emocione un poco, jajaja.

(29 August 2014, 00:14 )Dark Neo escribió: Registrate o inicia tu sesión para ver este contenidoEs posible agregándolo manualmente, creo que hay un manual en tutoriales, de no ser así en cuanto pueda lo subo ya que debo buscarlo en el respaldo de mi foro :D

---

1. Abrir el archivo jscripts/editor.js con Notepad++.

2. Buscar el siguiente código.

Código: ( Seleccionar Todo )

{type: 'button', name: 'color', insert: 'color', dropdown: true, color_select: true, image: 'color.gif', draw_option: this.drawColorOption, options: this.colors}

Esta sobre la línea 214 o cerca de esa .

3. Agrega una nueva línea colocando una coma al final de la de arriba.

Código: ( Seleccionar Todo )

{type: 'button', name: 'fieldset', insert: 'fieldset', image: 'fieldset.png', title: 'Fieldset'}

O sea:

Código: ( Seleccionar Todo )

{type: 'button', name: 'color', insert: 'color', dropdown: true, color_select: true, image: 'color.gif', draw_option: this.drawColorOption, options: this.colors},
{type: 'button', name: 'fieldset', insert: 'fieldset', image: 'fieldset.png', title: 'Fieldset'}

4. Los datos son los siguientes
name debe ser el nombre único e irrepetible de tu botón:
insert es el código que se insertará al presiona el boton  
en image va la imagen del botón la cual debes agregar a la ruta jscripts/editor_themes/images.

5. Agregar la imagen a la ruta jscripts/editor_themes/EL EDITOR QUE USAS/images/.


6. Busca por:

Código: ( Seleccionar Todo )

           case "video":
               this.insertVideo(extra);
               break;

7. Agrega abajo

Código: ( Seleccionar Todo )

           case "fieldset":
               this.insertFiedlset();
               break;

8. Buscar:

Código: ( Seleccionar Todo )

   insertVideo: function(type)
   {
       selectedText = this.getSelectedText($(this.textarea));

       if(!selectedText)
       {
           url = prompt(this.options.lang.enter_video_url, "http://");
       }
       else
       {
           url = selectedText;
       }

       if(url)
       {
           this.performInsert("[video="+type+"]"+url+"[/video]", "", true, false);
       }
       this.setDropDownMenuActiveItem($('editor_item_video'), 0);
   },

9. Agregar abajo:

Código: ( Seleccionar Todo )

   insertFieldset: function()
   {
       selectedText = this.getSelectedText($(this.textarea));
       title = prompt("Agrega el título del encabezado.", "");

       if(title)
       {
           if(!selectedText)
           {
               text = prompt("Agrega el contenido.", "");
           }
           else
           {
               text = selectedText;
           }

           if(title && text)
           {
               this.performInsert("[fieldset="+title+"]"+text+"[/fieldset]", "", true, false);
           }

       }
   },

Listo, deberá funcionar, cualquier duda puedes comentarla por aquí, saludos...

En el 1.8 editor.js no existe cual seria entonces ¿? o es que estoy perdido y no lo encuentro >.<

Eso es para MyBB 1.6 en 1.8 es similar con el tutorial de agregar un botón al editor francamente es muy sencillo agregar nuevos botones complejos y simples, de hecho deje uno apenas en un tema de soporte donde se agrega el nuevo campo y MyCode tel a un foro, de ahí pueden ver que cosa ya que es relativamente fácil agregar nuevas cosas

El mensaje que te digo en cuestión sería este:

Registrate o inicia tu sesión para ver este contenido


De ahi ya tendrías la idea de como manejar el código, igualmente si deseas el tutorial lo cuelgo luego en la tienda sirve que serían algunos tutoriales o guias porque ahi no tenemos nada, serán gratuitos vaya, pero bueno ya nos comentas que cosa....