Staff en línea
Últimos temas
[beta] Crear prefijo automático al poner corchetes en los titulos - Página 3 Origin10[widget] Crear mp
por citrato Mar Jul 21, 2020 5:05 am

[beta] Crear prefijo automático al poner corchetes en los titulos - Página 3 Origin10[widget] Aviso flotante
por citrato Lun Jul 20, 2020 8:14 am

[beta] Crear prefijo automático al poner corchetes en los titulos - Página 3 Origin10[recursos] Pack Rangos
por PeruxD Miér Jul 15, 2020 4:37 am

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

[beta] Crear prefijo automático al poner corchetes en los titulos
Tema iniciado por y Añadir a favoritos

staff


Última edición por Chalo el Mar Mar 14, 2017 12:44 pm, editado 5 veces
Recuerdo del primer mensaje :

[codebox]
[ok]Actualizado 10-02-17: Ya se pueden poner mas de un prefijo por titulo[/ok]

Hola me han pedido mucho este code, de hecho en soporte hay muchos temas con respecto, este code está escrito en vanilla, y volvera cualquier palabra que coloquen en el titulo de los temas dentro de [ic][[/ic] corchetes [ic]][/ic] .

[beta] Crear prefijo automático al poner corchetes en los titulos - Página 3 3OGHk32h
[/codebox]
colocar en todos

Código:


var prefijos = {
    init: function () {
        var a = document.getElementsByTagName('a'),
            len = a.length;
        for (var i = 0; i < len; i++) {
            var e = a[i].innerHTML;
            if (/\[([^\[\]]+)\]/.test(e) && !/logout/.test(a[i].id)) {
                var f = e.match(/\[(.*?)\]/)[1].toLowerCase().replace(/\W+/g, '-'),
                    g = e.match(/\[(.*?)\]/)[1].toLowerCase(),
                    k = e.replace(/\[.*?\]/, '<span class="prefijo ' + f + '">' + g + '</span>');
                a[i].innerHTML = k;
                e.match(/\[(.*?)\]/g).length > 0 ? prefijos.init() : '';
            }
        }
    },
    copyright: function () {
        console.log('Por Chalo, para http://www.opensourcephpbb3.com');
    },
};
$(function () {
    prefijos.init()
});

ahora vamos a darle estilo:

El code coloca una clase automaticamente por ejemplo[ic] [ocio] Contemos hasta 3000[/ic] el selector será [ic].ocio[/ic] el CSS base es este:

Código:
.prefijo {
    background: #ed7710;
    color: #FFF;
    border-radius: 2px;
    display: inline-table!important;
    line-height: 13px;
    padding: 1px 4px 0;
    font-weight: 700!important;
    font-size: 8px!important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    margin-left: 2px;
    font-family: arial;
}

posterior ustedes deberan añadir los que utilizaran por ejemplo:
Código:

.prefijo.ocio{background: red!important}

si utilizas por ejemplo:
[ic][anuncio del staff] Nuevos cambios[/ic]

el selector será [ic].prefijo.anuncio-del-staff{background:blue!important}[/ic]
Chalo
Chalo

¿Que estoy pensando? :

jugando con un ping de 999 [table class=fecha_up][td]Se modifico:25/05/20 - 10:57 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

7136


Puntos :

9268


Me gusta :

1063


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Funciona para poner dos prefijos o mas?
iRodrigo
iRodrigo

¿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 :

https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

145


Puntos :

178


Me gusta :

11


ingreso :

06/09/2019


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://lucianomicle.foroactivo.com/

Volver arriba Ir abajo

@KarelAlejandro escribió:[quotelink="/t1231p10-beta-crear-prefijo-automatico-al-poner-corchetes-en-los-titulos#"]Gracias, Hermano. Lo intenté usar en mi foro, pero no me funciona.

Hola.

Asegurate de tener la versión phpBB3. En todo caso por favor crea un tema en el foro Soporte, para dar el correcto seguimiento a tu duda.
Fibo
Fibo

¿Que estoy pensando? :

No dejes de pensar. [table class=fecha_up][td]Se modifico:3/02/20 - 15:14 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

667


Puntos :

2033


Me gusta :

210


ingreso :

11/09/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://www.opensourcephpbb3.com

Volver arriba Ir abajo

Fibo consulta, y se que no es el lugar para colocar este mensaje, pero como hago que los prefijos salgan en mayúsculas?
iRodrigo
iRodrigo

¿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 :

https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

145


Puntos :

178


Me gusta :

11


ingreso :

06/09/2019


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://lucianomicle.foroactivo.com/

Volver arriba Ir abajo

@iRodrigo escribió:[quotelink="/t1231p20-beta-crear-prefijo-automatico-al-poner-corchetes-en-los-titulos#"]Fibo consulta, y se que no es el lugar para colocar este mensaje, pero como hago que los prefijos salgan en mayúsculas?

Hola. Si claro, pero eso dependera de como lo pongas tu en minusculas o MAYUSCULAS.

Pd: Si quieres mencionarme y que me llegue una notificacion de tu mencion presiona la tecla @ y luego aparecera un cuadro donde deberas ingresar mi username. Ejemplo @iRodrigo
Fibo
Fibo

¿Que estoy pensando? :

No dejes de pensar. [table class=fecha_up][td]Se modifico:3/02/20 - 15:14 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

667


Puntos :

2033


Me gusta :

210


ingreso :

11/09/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://www.opensourcephpbb3.com

Volver arriba Ir abajo

Gracias por tu respuesta @Fibo , lo pude solucionar colocándo el código de mayúscula con el text-transform
iRodrigo
iRodrigo

¿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 :

https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

145


Puntos :

178


Me gusta :

11


ingreso :

06/09/2019


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://lucianomicle.foroactivo.com/

Volver arriba Ir abajo

Gracias por eso, lo pruebo
Andreii
Andreii

¿Que estoy pensando? :

Hay... ya sali :( [table class=fecha_up][td]Se modifico:22/02/20 - 16:09 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 :

173


Puntos :

207


Me gusta :

24


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Volver arriba Ir abajo

 En la misma categoria


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