4 December 2015, 23:38
4
Basado en este MyCode
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
Créditos @ Jean Pierre
Seguiré con el como agregar el botón al editor en MyBB 1.8.x
1. Copiar 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.
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
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).
4. Entrar al Admin CP - Templates (Plantillas) - Buscar Ungruped Templates (Plantillas sin grupo) - Abrir - Buscar "Codebuttons"
4.1 Buscar la siguiente linea:
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í:
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
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
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>
Forma de Uso
Código: ( Seleccionar Todo )
[fieldset=Título de encabezado]
Contenido
[/fieldset]
Vista Previa
Créditos @ Jean Pierre
Seguiré con el como agregar el botón al editor en MyBB 1.8.x
1. Copiar 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.
Código PHP: ( Seleccionar Todo )
.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
Código PHP: ( Seleccionar Todo )
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).
Código PHP: ( Seleccionar Todo )
/*********************
* Add fieldset command *
*********************/
$.sceditor.command.set("fieldset", {
_dropDown: function (editor, caller, html) {
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(this, caller);
},
txtExec: function (caller) {
$.sceditor.command.get('fieldset')._dropDown(this, caller);
},
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:
Código PHP: ( Seleccionar Todo )
{$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í:
Código PHP: ( Seleccionar Todo )
{$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.