Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Chalo Lun Oct 15, 2018 8:24 am

[Revisado] [Segunda Revisión] Errores Yoshi Fans Club
por YoshiGM Dom Oct 14, 2018 9:08 am

[Revisado] Errores Yoshi Fans club
por YoshiGM Sáb Oct 13, 2018 12:36 pm

[CSS] Decora añadir a amigos - añadir a ignorados en el perfil
por Dosh Sáb Oct 13, 2018 7:59 am

[Duda] Estoy sorprendida ¿El Doc se sentirá bien?
por Dosh Sáb Oct 13, 2018 7:44 am

[CSS] Dar estilo a los rangos
por Eslam Love Miér Oct 03, 2018 11:15 pm

 :: Modifica tu foro :: Javascript

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

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

#1
[javascript] Crear BBcodes 
el Mar Jun 02, 2015 9:28 am
staff
[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? :

ayudando como debe ser [table class=fecha_up][td]Se modifico:2/010/18 - 20:40 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6839


Puntos :

8934


Me gusta :

1030


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Responder Mensaje privado
#2
Re: [javascript] Crear BBcodes 
el Jue Jun 04, 2015 8:44 pm
gracias
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 :

287


Puntos :

420


Me gusta :

81


ingreso :

12/05/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


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

Volver arriba Ir abajo

Responder Mensaje privado
#3
Re: [javascript] Crear BBcodes 
el Vie Jun 05, 2015 10:48 am
Muchas gracias chalo!!
CD"MA
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://www.covermyfb.com/media/covers/thumb/15699-dj-spinning-music.jpg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #ccc


Mensajes :

336


Puntos :

474


Me gusta :

46


ingreso :

16/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Responder Mensaje privado
#4
Re: [javascript] Crear BBcodes 
el Vie Jun 05, 2015 7:50 pm
staff
buen aporte...
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo... [table class=fecha_up][td]Se modifico:1/010/18 - 15:59 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1577


Puntos :

2320


Me gusta :

453


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


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

Volver arriba Ir abajo

Responder Mensaje privado
#5
Re: [javascript] Crear BBcodes 
el Sáb Jun 13, 2015 9:47 am
lo estaba buscando gracias crack!
arsenico
avatar

¿Que estoy pensando? :

Baneado del foro [table class=fecha_up][td]Se modifico:12/12/15 - 18:20 hrs.[/td][/table]


Banner en temas :

http://www.pagecovers.com/covers/electronic_music/music_drum_bass_beats.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

361


Puntos :

495


Me gusta :

52


ingreso :

10/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

firefox


Ver perfil de usuario http://losslesscity.foroactivo.com/

Volver arriba Ir abajo

Responder Mensaje privado
#6
Re: [javascript] Crear BBcodes 
el Jue Jun 18, 2015 4:03 pm
voy a implementarlo finalmente que habia probado otra cosilla la otra vez pero no me convencia...
arsenico
avatar

¿Que estoy pensando? :

Baneado del foro [table class=fecha_up][td]Se modifico:12/12/15 - 18:20 hrs.[/td][/table]


Banner en temas :

http://www.pagecovers.com/covers/electronic_music/music_drum_bass_beats.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

361


Puntos :

495


Me gusta :

52


ingreso :

10/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

firefox


Ver perfil de usuario http://losslesscity.foroactivo.com/

Volver arriba Ir abajo

Responder Mensaje privado
#7
Re: [javascript] Crear BBcodes 
el Jue Mar 03, 2016 8:31 pm
Creo que será bastante útil
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 :

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


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

564


Puntos :

665


Me gusta :

69


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Responder Mensaje privado
#8
Re: [javascript] Crear BBcodes 
el Jue Mar 03, 2016 8:40 pm
Disculpen el doble mensaje, me equivoque y puse el código js en css y viceversa :/
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 :

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


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

564


Puntos :

665


Me gusta :

69


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Responder Mensaje privado
#9
Re: [javascript] Crear BBcodes 
el Dom Abr 03, 2016 9:17 pm
Comento para ver el code
gracias
Andreii
avatar

¿Que estoy pensando? :

Regresando a Open ^^ [table class=fecha_up][td]Se modifico:14/08/18 - 10:52 hrs. [/td][/table]


Banner en temas :

http://static.tumblr.com/376a46baffe3444282f3b414a2fd0d46/jsyqb9t/qxbnm1bqy/tumblr_static_tumblr_static_4eo5pzujbwcg8gws0gcc8oc0s_focused_v3.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

142


Puntos :

167


Me gusta :

21


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Responder Mensaje privado
#10
Re: [javascript] Crear BBcodes 
el Jue Abr 07, 2016 11:22 am
Increible!
Esto serviría mucho para tablas de moderación para el staff y todo eso

Muy buen aporte. ¡Pulgar Arriba!
YoshiGM
avatar

¿Que estoy pensando? :

Octubre Sorprendeme [?] [table class=fecha_up][td]Se modifico:1/010/18 - 17:37 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1151


Puntos :

1548


Me gusta :

237


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.yoshifansclub.net

Volver arriba Ir abajo

Responder Mensaje privado

 En la misma categoria

 Temas relacionados

 :: Modifica tu foro :: Javascript

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