Cerrar Ventana

Algunas cookies de este sitio son esenciales, y el sitio no funcionará como se espera sin ellas. Estas cookies se establecen en el momento de enviar un formulario, inicie sesión o interactuar con el sitio realizando una acción que va más allá de hacer clic en un simple enlace.


Leer Más

Somos un foro de soporte en español que no tiene publicidad y tiene muchas cosas gratuitas aportadas por la comunidad, contribuye con el foro para poder así obtener alguna membresía de manera gratuita.
SoporteMyBB tiene un total de
1124 temas de soporte.
0 quedan aún por resolver, 244 han quedado obsoletos y 880 han sido resueltos.
Aún no tienes una cuenta, regístrate es gratis.

Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
[Tutorial] Fieldset con estilo iv y boton en el editor.
 Whiteneo
Equipo de Soporte

Estado: En línea Soporte Técnico
354
4,693
Mexico
5
93
576
4 December 2015, 23:38
#1
4
Mejor respuesta del mensaje Fieldset con estilo iv y boton en el editor.Basado en este 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
\[fieldset=(.*?)\](.*?)\[/fieldset\]

Reemplazar por
<fieldset style="margin-left: 20px; border: 2px groove threedface;"><legend style="border: solid 1px #ccc; padding: 5px 10px; margin-left: -30px; font-weight: bold; text-transform: uppercase;">$1</legend><div style="text-align: justify;">$2</div></fieldset>

Forma de Uso

[fieldset=Título de encabezado]
Contenido
[/fieldset]

Vista Previa

[Imagen: 0RRmSVl.png]

Créditos @ Jean Pierre

Seguiré con el como agregar el botón al editor en MyBB 1.8.x

1. Copiar [Imagen: FDvmPNL.png] fieldset.png en root/jscripts/sceditor/editor_themes/

2. Editar: root/jscripts/sceditor/editor_themes/mybb.css

2.1 Insertar al final del archivo el siguiente código.
Si vais a crear varios botones para varios Mycode, insertáis este mismo código repetidamente cambiado basicamente la palabra "oculto" por otro palabra que identifique el Mycode que siempre usareis en los demás código la misma palabra. Lo vereis según veáis los códigos para insertar.

.sceditor-button-fieldset div {
 
background-image:url(fieldset.png);


2.2 Repetir el paso 2. y 2.1 en los demas editores css que utilizeis. Yo en mi caso solo inserte este codigo en  mybb.css y default.css .

3. Editar root/jscripts/bbcodes_sceditor.js

3.1 Buscar la siguiente linea en el archivo

tooltip'Insert a video' 
}); 

3.2 Justamente debajo de esas lineas de código insertáis esta lineas(Si insertáis mas botones sustituir la palabra oculto del código por la palabra que usasteis en el anterior código, exceptuando que donde pone ocult@(Le he puesto arroba porque sino activa el plugin) entre [ ] debereis poner la palabra usada para que el Mycode funcione).
/*********************
     * Add fieldset command *
     *********************/
 
$.sceditor.command.set("fieldset", {
 
_dropDown: function (editorcallerhtml) {
 var 
$content;

 
$content = $(
            '<div>' +
                '<label for="fieldsettitle">' editor._('Fieldset Title:') + '</label> ' +
                '<input type="text" id="fieldsettitle" value="" />' +
            '</div>' +
            '<div>' +
                '<label for="fieldsetdesc">' editor._('Fieldset Content:') + '</label> ' +
                '<textarea type="text" id="fieldsetdesc" />' +                    
            
'</div>' +
            '<div><input type="button" class="button" value="' editor._('Insert') + '" /></div>'
        );

 
setTimeout(function() {
 
$content.find('#fieldsetitle').focus();
 },
100);

$content.find('.button').click(function (e) {
            var 
title $content.find('#fieldsettitle').val();            
            if(
title !== ''){
                var 
txt $content.find('#fieldsetdesc').val(),
                
before '[fieldset='+title+']',                
                
end '[/fieldset]';
            }else{
                var 
txt $content.find('#fieldsetdesc').val(),                
                
before '[fieldset]',                
                
end '[/fieldset]';
            }

            if (
html) {
                
before before html;
                
end end;
            }
            else if(
title !== ''){
                
editor.insert('[fieldset=' title ']' txt '[/fieldset]');
            }
            else{
                
editor.insert('[fieldset=Fieldset]' txt '[/fieldset]');                
            }
            
editor.closeDropDown(true);
            
e.preventDefault();
        });
        editor.createDropDown(caller'insertsfieldset'$content);
        },
        exec: function (caller) {
            $.sceditor.command.get('fieldset')._dropDown(thiscaller);
        },
        txtExec: function (caller) {
            $.sceditor.command.get('fieldset')._dropDown(thiscaller);
        },
        tooltip'Fieldset Content:'
}); 

4. Entrar al Admin CP - Templates (Plantillas) - Buscar Ungruped Templates (Plantillas sin grupo) - Abrir - Buscar "Codebuttons"

4.1 Buscar la siguiente linea:

{$basic2}image,{$email

4.2 Y insertáis "fieldset," justamente después de  "image," o donde desees que aparezca el nuevo botón. Debería de quedar algo así:
{$basic2}image,fieldset,{$email

Ya deberíais de tened activado el botón en el editor y funcionando con el código de Mycode.

Créditos: @ abelvros

con esto quedaría el fieldset normal o bueno como en la guía sin importar si colocas o no titulo por defecto se coloca Fieldset si no tiene nada, en todo caso toma el valor del campo título y lo del contenido es lo de el otro campo, saludos...

Créditos finales del código fieldset y todo funcional para 1.8.x @Dark Neo
Última modificación: 5 December 2015, 15:51 por Whiteneo.
 
 BizarroL
Usuario del Foro

Estado: Sin conexión Registrados
7
27
7
Peru
0
0
7
7
5 December 2015, 15:46
#2
1
Muy bueno gracias por esto @Dark Neo .... pero te comiste la "S" al nombrar el comando "fieldset" jjajajaja Gran sonrisa

/*********************
     * Add fieldset command *
     *********************/
 
$.sceditor.command.set("fieldet", { 
 
 Whiteneo
Equipo de Soporte

Estado: En línea Soporte Técnico
354
4,693
Mexico
5
93
576
5 December 2015, 15:52
#3
0
jajaja, es verdad no lo había notado es que iba escribiendo todo a mano y no me percate de ello, en fin ya está corregido y agregué la imágen de una buena vez haber si les sirve, saludos...
 
 BizarroL
Usuario del Foro

Estado: Sin conexión Registrados
7
27
7
Peru
0
0
7
7
5 December 2015, 15:54
#4
0
Claro para los que usan temática warez les servirá o al menos en mi temática me ayudara mucho este mycode gracias.

Saludos!
 
 AlexP
Usuario del Foro

Estado: Sin conexión Registrados
0
5
0
Mexico
0
0
0
8
27 September 2017, 02:24
#5
0
perdon por revivir este viejo trend, pero acabo de empesar con mybb y quiero este estilo en mis post, pero no encuentro donde poner esto

Expresión regular
Código
: ( Seleccionar Todo )
\[
fieldset=(.*?)\](.*?)\[/fieldset\]

Reemplazar por
Código
: ( Seleccionar Todo )
<
fieldset style="margin-left: 20px; border: 2px groove threedface;"><legend style="border: solid 1px #ccc; padding: 5px 10px; margin-left: -30px; font-weight: bold; text-transform: uppercase;">$1</legend><div style="text-align: justify;">$2</div></fieldset

lo demás ya lo hice y me salio el botón en mi toolbar, gracias de antemano.
 
 Whiteneo
Equipo de Soporte

Estado: En línea Soporte Técnico
354
4,693
Mexico
5
93
576
27 September 2017, 08:13
#6
1
@ AlexP Debes ir al panel de administración y en la parte de Configuración.

Elige la pestaña MyCode personalizado, sigue los pasos y listo.

Saludos...
 
 AlexP
Usuario del Foro

Estado: Sin conexión Registrados
0
5
0
Mexico
0
0
0
8
28 September 2017, 06:12
#7
0
muchas gracias amigo, hoy miércoles a las 3 Am quemándome las pestañas encontré donde ponerlo jejeje, sii ahi lo puse, muchas gracias por responder el tema, bendiciones y exito en todo lo que hagas.
 
 SuperDiego
Usuario del Foro
SuperDiego
Estado: Sin conexión Registrados
0
1
0
Mexico
0
0
0
5
20 February 2018, 20:39
#8
0
@ Whiteneo No me sirve el código lo hice tal cual y no me aparece el código estoy usando MyBb 1.8
 


Posibles temas similares…
Tema Autor Respuestas Vistas Último mensaje
  [Tutorial] Estilo de Pestañas en Perfil ARESKY 1 56 24 February 2024, 22:04
Último mensaje: Whiteneo
Estrella [Tutorial] Agregar botón al editor en MyBB 1.8.21 Whiteneo 0 466 18 July 2019, 06:32
Último mensaje: Whiteneo
  [Tutorial] Agregar botón para un Mycode al editor abelvros 20 7,576 29 June 2019, 04:14
Último mensaje: Whiteneo
  [Tutorial] Foros al estilo VBulletin Yadomi 6 3,070 1 July 2018, 21:31
Último mensaje: spyke
  [Tutorial] Agregar botón Imgur al editor abelvros 25 8,155 7 June 2018, 03:29
Último mensaje: MrPotrex
  [Tutorial] Lista de PM y Notificaciones estilo Red Social llProKsll 14 3,194 16 September 2017, 19:54
Último mensaje: caribena2003
  [Tutorial] Portal estilo página de descargas Yadomi 16 4,391 24 May 2017, 16:35
Último mensaje: krvam
Información [Tutorial] Añadir spoiler con botón en el editor Yadomi 24 8,088 27 December 2015, 18:30
Último mensaje: Whiteneo
  [Tutorial] [Para Subforos] Mensajes nuevos y viejos al estilo VBulletin Yadomi 1 1,186 23 October 2014, 03:48
Último mensaje: Whiteneo



Usuarios navegando en este tema: 1 invitado(s)