Staff en línea

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

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

[javascript] Crear BBcodes 
el Mar Jun 02, 2015 9:28 am
Mensaje  Chalo
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;
}
staff
Chalo
avatar

¿Que estoy pensando? :

los dias de ocio son geniales [table class=fecha_up][td]Se modifico:13/12/17 - 11:40 hrs. [/td][/table]


Banner en temas :

http://i.imgur.com/XlCMsAOh.jpeg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6465


Puntos :

8477


Me gusta :

967


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [javascript] Crear BBcodes 
el Dom Abr 17, 2016 7:56 am
Pierdo el javascript y me toca comentar de nuevo :|
Gotilon
avatar

¿Que estoy pensando? :

Si tiene solución ¿Para qué te vas a preocupar? y si no ¿Para qué te vas a preocupar? [table class=fecha_up][td]Se modifico:12/05/16 - 14:12 hrs.[/td][/table]


Banner en temas :

http://i.imgur.com/ex0wmXRh.jpeg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

563


Puntos :

662


Me gusta :

67


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Crear BBcodes 
el Vie Abr 22, 2016 11:23 pm
Mensaje  kensha
gracias, lo voy a probar
kensha
avatar

¿Que estoy pensando? :

regresando [table class=fecha_up][td]Se modifico:27/03/17 - 9:42 hrs.[/td][/table]


Banner en temas :

http://facecoverz.com/static/img/uploads/o_facecoverz.com-1365693265366.jpg


Color de titulos :

#0FAEAC


Sombra titulo :

1px 1px 1px #fff


Mensajes :

279


Puntos :

405


Me gusta :

74


ingreso :

12/05/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://bookland.activosforos.com

Volver arriba Ir abajo

Re: [javascript] Crear BBcodes 
el Lun Abr 25, 2016 8:53 pm
Mensaje  Thor
muy bueno gracias chalo
Thor
avatar

¿Que estoy pensando? :

El foro avanza... [table class=fecha_up][td]Se modifico:24/01/16 - 17:48 hrs.[/td][/table]


Banner en temas :

http://orig13.deviantart.net/2106/f/2012/344/c/4/facebook_cover_photo___quote_wall_by_eastbankbabs123-d5nnexo.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

333


Puntos :

415


Me gusta :

76


ingreso :

05/10/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.adictosalgear.org

Volver arriba Ir abajo

Re: [javascript] Crear BBcodes 
el Miér Jun 22, 2016 12:02 am
Mensaje  kuke
se ve interesante, pero a ver que tal
kuke
avatar

¿Que estoy pensando? :

diseñar y hacer amigos[table class=fecha_up][td]Se modifico:14/8/15 - 1:07 hrs.[/td][/table]


Banner en temas :

https://cherieroedirksen.files.wordpress.com/2012/11/a-new-dawn-facebook-cover.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

119


Puntos :

203


Me gusta :

36


ingreso :

27/07/2015


Sexo :

Masculino

Plataforma :

punBB


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Crear BBcodes 
el Mar Nov 22, 2016 9:24 pm
Mensaje  Zabb
no puedo ver los codigos
Zabb
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 :

17


Puntos :

19


Me gusta :

2


ingreso :

22/11/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Crear BBcodes 
el Vie Dic 09, 2016 10:54 pm
Mensaje  Roger
gracias por el aporte
Roger
avatar

¿Que estoy pensando? :

Probando el status del foro [table class=fecha_up][td]Se modifico:9/03/17 - 9:13 hrs.[/td][/table]


Banner en temas :

http://thedesigninspiration.com/wp-content/uploads/2012/06/Facebook-Covers-029.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

300


Puntos :

334


Me gusta :

26


ingreso :

30/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Crear BBcodes 
el Vie Abr 14, 2017 3:22 am
comento para ver ! xddd
MiyakeDev
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 :

30


Puntos :

32


Me gusta :

2


ingreso :

11/04/2017


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Crear BBcodes 
el Vie Abr 14, 2017 10:10 am
Mensaje  Sorel
Se ve interesante, vamos a probarlo...
Sorel
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 :

10


Puntos :

11


Me gusta :

1


ingreso :

05/08/2016


Sexo :

Masculino

Plataforma :

punbb


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Crear BBcodes 
el Dom Mayo 21, 2017 3:31 pm
Mensaje  kuke
Me serviran mucho gracias
kuke
avatar

¿Que estoy pensando? :

diseñar y hacer amigos[table class=fecha_up][td]Se modifico:14/8/15 - 1:07 hrs.[/td][/table]


Banner en temas :

https://cherieroedirksen.files.wordpress.com/2012/11/a-new-dawn-facebook-cover.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

119


Puntos :

203


Me gusta :

36


ingreso :

27/07/2015


Sexo :

Masculino

Plataforma :

punBB


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [javascript] Crear BBcodes 
el Mar Ago 01, 2017 11:57 pm
viendo el posy y a probar
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

 En la misma categoria


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