Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Roger Hoy a las 1:56 am

[ayuda] mostrar y ocultar div
por RinC Vie Dic 15, 2017 5:17 pm

[html]Colección de Cards informátivo
por Julinho Vie Dic 15, 2017 3:19 pm

[html]Menú de enlaces simple
por Andreii Vie Dic 15, 2017 2:36 pm

[html]Escaparate de imágenes sencillo
por Andreii Vie Dic 15, 2017 2:30 pm

[Javascript] Colorea el code dentro del codebox
Tema iniciado por y Añadir a favoritos

Mensaje  Chalo


Última edición por Chalo el Lun Jul 31, 2017 2:15 pm, editado 6 veces
[codebox] Con este código mejoras el bbcode
[code]coloreando como si estuvieras en un editor de código profesional.
Mira la captura:

[/codebox]


[hidecode]

[code]

(function() {
var n = "if else elseif elif while for do in break continue function var return enum struct class unsigned signed static private public static_cast protected namespace delete include require import sizeof typeof".replace(/\s/g, "|");
var j = "false true void null undefined void int double float char".replace(/\s/g, "|");

function k(a, b) {
return '<span class="syntax-' + a + '">' + b + "</span>"
}
var h = function(a) {
return a.replace(/(["'])(?:\\?.)*?\1/g, function(b) {
return k("s", b)
}).replace(/\b\d+(?:\.\d+)?\b/g, function(b) {
return k("i", b)
}).replace(RegExp("\\b(?:" + n + ")\\b(?!=)", "gi"), function(b) {
return k("k", b)
}).replace(RegExp("\\b(?:" + n + ")\\b(?!=)", "gi"), function(b) {
return k("k2", b)
})
};
var l = document.getElementsByTagName("script")[0],
m = document.createElement("style");
m.innerHTML = ".syntax-i { color:red } .syntax-s, .syntax-s span { color: blue!important } .syntax-k, .syntax-k2 { color: #105289; font-weight:bold; font-size: 1.1em; } .syntax-k { color: #22B1D5 }";
l.parentNode.insertBefore(m, l);
var i = function() {
for (var c = document.getElementsByTagName("code"), b = 0, a;
(a = c[b++]);) {
a.innerHTML = h(a.innerHTML)
}
};
window.jQuery ? jQuery(i) : window.onload = i
})();
[/code]

[/hidecode]
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 :

6469


Puntos :

8481


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

Mensaje  Tao

¿Será esto lo que busco para personalizar mi Foro? No quisiera tampoco hacerlo "oscuro",
pero el tono que tiene ahora mismo es el predefinido
y no creo que eso le haga destacar o ser atractivo para que los usuarios nuevos se fijen en su contenido.
Tao
avatar

¿Que estoy pensando? :

La cuarta dimensión [table class=fecha_up][td]Se modifico:8/09/16 - 23:52 hrs.[/td][/table]


Banner en temas :

http://coverjunction.s3.amazonaws.com/2012/131/6a42e7a0-25f2-4bac-8398-5a75a0eaf17f.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #333


Mensajes :

271


Puntos :

347


Me gusta :

54


ingreso :

04/01/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


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

Volver arriba Ir abajo

Mensaje  Tao

Ya veo el código, pero ¿dónde lo ubico y cómo sé lo que estoy haciendo sin imágenes de muestra?

He aquí una cuestión. :|
Tao
avatar

¿Que estoy pensando? :

La cuarta dimensión [table class=fecha_up][td]Se modifico:8/09/16 - 23:52 hrs.[/td][/table]


Banner en temas :

http://coverjunction.s3.amazonaws.com/2012/131/6a42e7a0-25f2-4bac-8398-5a75a0eaf17f.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #333


Mensajes :

271


Puntos :

347


Me gusta :

54


ingreso :

04/01/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


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

Volver arriba Ir abajo

Mensaje  Chalo
@Tao escribió:[quotelink="/t145-javascript-colorea-el-code-dentro-del-codebox#694"]
Ya veo el código, pero ¿dónde lo ubico y cómo sé lo que estoy haciendo sin imágenes de muestra?

He aquí una cuestión. :|


bien pondré imagenes de muestra
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 :

6469


Puntos :

8481


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

Mensaje  Thor
gracias por el code
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

Mensaje  Thor
repito no se ve el code
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

Mensaje  Laura
¡Anda, cómo mola! ¡Gracias!
Laura
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 :

21


Puntos :

24


Me gusta :

3


ingreso :

05/02/2017


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Mensaje  Gexur
gracias a probar el codigo =) me será util
Gexur
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 :

7


Puntos :

11


Me gusta :

4


ingreso :

31/07/2017


Sexo :

Masculino

Plataforma :

modernBB


Navegador :

opera


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


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