Staff en línea

Página 1 de 2. 1, 2  Siguiente

[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
[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] .


[/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
avatar

¿Que estoy pensando? :

Bienvenidosss!!! [table class=fecha_up][td]Se modifico:11/01/18 - 12:23 hrs. [/td][/table]


Banner en temas :

https://orig00.deviantart.net/2c56/f/2016/271/3/4/overwatch___mccree___facebookcover_by_beanousme-da03g04.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6513


Puntos :

8545


Me gusta :

985


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Probaré el código, veré si queda mejor este o el de FDF =P
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

staff
@Gotilon

me falto colocar el CSS gotilon dame un segundo para actualizar
Chalo
avatar

¿Que estoy pensando? :

Bienvenidosss!!! [table class=fecha_up][td]Se modifico:11/01/18 - 12:23 hrs. [/td][/table]


Banner en temas :

https://orig00.deviantart.net/2c56/f/2016/271/3/4/overwatch___mccree___facebookcover_by_beanousme-da03g04.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6513


Puntos :

8545


Me gusta :

985


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

@Chalo realmente me gusto más éste que el de FDF :S
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

staff
que bien lo tienes instalado en tu foro, deja el link para verlo en acción @Gotilon
Chalo
avatar

¿Que estoy pensando? :

Bienvenidosss!!! [table class=fecha_up][td]Se modifico:11/01/18 - 12:23 hrs. [/td][/table]


Banner en temas :

https://orig00.deviantart.net/2c56/f/2016/271/3/4/overwatch___mccree___facebookcover_by_beanousme-da03g04.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6513


Puntos :

8545


Me gusta :

985


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

En realidad lo tengo en mi foro de pruebas

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

staff
ah bien, pero funciona perfectamente no?
Chalo
avatar

¿Que estoy pensando? :

Bienvenidosss!!! [table class=fecha_up][td]Se modifico:11/01/18 - 12:23 hrs. [/td][/table]


Banner en temas :

https://orig00.deviantart.net/2c56/f/2016/271/3/4/overwatch___mccree___facebookcover_by_beanousme-da03g04.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6513


Puntos :

8545


Me gusta :

985


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

muy bueno bro
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 :

302


Puntos :

338


Me gusta :

28


ingreso :

30/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

@Chalo escribió:[quotelink="/t1231-beta-crear-prefijo-automatico-al-poner-corchetes-en-los-titulos#14710"]
ah bien, pero funciona perfectamente no?
@Chalo escribió:[quotelink="/t1231-beta-crear-prefijo-automatico-al-poner-corchetes-en-los-titulos#14710"]
ah bien, pero funciona perfectamente no?

Sí, todo está en orden, ningún problema
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

Oh, lo probaré! Gracias
Enis
avatar

¿Que estoy pensando? :

Pues... seguir procrastinando, se me da bien(?). [table class=fecha_up][td]Se modifico:10/10/15 - 19:39 hrs.[/td][/table]


Banner en temas :

http://www.sleekcover.com/covers/halloween-cats-bats-facebook-cover.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

14


Puntos :

18


Me gusta :

4


ingreso :

02/07/2015


Sexo :

Femenino

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.