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

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

[javascript] Crear BBcodes
Tema iniciado por y Añadir a favoritos

[javascript] Crear BBcodes 
el Mar Jun 02, 2015 9:28 am
staff
Recuerdo del primer mensaje :

[codebox]Crea tu propio sistema de BBcodes[/codebox]
[hidecode]
Código:
jQuery(document).ready(function($) {

  var bbCodes = {
sucesso: {
          replacement: '<div class="success"><p>{ATTR}</p>{CONTENT}</div>'
    },

    aviso: {
          replacement: '<div class="warn"><p>{ATTR}</p>{CONTENT}</div>'
    },

    info: {
          replacement: '<div class="information"><p>{ATTR}</p>{CONTENT}</div>'
    },

    alerta: {
          replacement: '<div class="alert"><p>{ATTR}</p>{CONTENT}</div>'
    }

  };
var content = $('.postbody, .content');
  $.each(bbCodes, function (key, value) {
   
      tag = new RegExp('\\['+key+'\=?"?(.*?)"?\](.*?)\\[\/'+key+'\]','g');
      if(value.replace && value.replace() !== -1) {a = '', b = value.replace();}
      else {a = '$1', b = '$2';}
      value.replacement = value.replacement.replace(/{ATTR}/g,a).replace(/{CONTENT}/g,b);
      content.html(function() {
              return
              $(this).html().replace(tag, value.replacement);
      });
  });

});
[/hidecode]
Código:
.alert, .success, .information, .warn {
  padding: 15px;
  width: 85%;
  border: 1px solid;
  margin: 3px 0;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font: 13px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.alert > p, .success > p, .information > p, .warn > p {
  font-weight: bold;
  font-size: 14px;
}
.alert {
  background: #FAFFB2;
  border-color: #DBE08A;
  color: #AF8640;
}
.warn {
  background-color: #F2DEDE;
  border-color: #D3949E;
  color: #A94442;
}
.success {
  background-color: #DFF0D8;
  border-color: #A5D280;
  color: #3C763D;
}
.information {
  background-color: #ADDBF2;
  border-color: #5AB7CA;
  color: #31708F;
}
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: [javascript] Crear BBcodes 
el Miér Ago 02, 2017 7:13 pm
No sabia que se tenia que comentar otra vez para ver. gracias
Junior Ñuflo Talaverano

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://static.comicvine.com/uploads/original/11112/111120351/3111627-563583_10150711503988485_11648563484_9583859_396787402_n.jpg


Color de titulos :

#fff


Sombra titulo :

0 -1px #333


Mensajes :

32


Puntos :

40


Me gusta :

4


ingreso :

01/01/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Crear BBcodes 
el Jue Sep 28, 2017 2:36 pm
bueno code
gracias increible.
muykay
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

67


Puntos :

69


Me gusta :

2


ingreso :

07/09/2017


Sexo :

Masculino

Plataforma :

punBB


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


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