Fenix de Plata |
"> |
| Sorel | |
|
[JS] Colorear prefijos - 2/7/2019, 2:53 pm
Descripción:Lo que vas a conseguir con esto es colorear los prefijos que vayas determinando, muy similar a los foros de IPB. Además puedes ajustarlo a tu propio estilo con la modificación de CSS. Códigos:CSS: - Código:
.prefix { background: none repeat scroll 0% 0% #3B3B3B; color: #FFF !important; display: inline-block; font-size: 10px; font-weight: bold; vertical-align: middle; margin: -3px 3px 0px 8px; padding: 0px 7px; height: 16px; line-height: 15px; position: relative; border-radius: 0px 3px 3px 0px; }
.prefix:before { width: 0px; height: 0px; border-style: solid; border-width: 8px; position: absolute; top: 0px; display: block; content: ""; }
.prefix:before { border-color: transparent rgba(0, 0, 0, 0.4) transparent transparent; left: -16px; }
.prefix:after { content: ""; display: block; width: 4px; height: 4px; border-radius: 4px; background: none repeat scroll 0% 0% #FFF; position: absolute; top: 6px; }
.prefix:after { left: -3px; } JS: - Código:
function lang_vi(a) { a = a.toLowerCase(); a = a.replace(/\u00e0|\u00e1|\u1ea1|\u1ea3|\u00e3|\u00e2|\u1ea7|\u1ea5|\u1ead|\u1ea9|\u1eab|\u0103|\u1eb1|\u1eaf|\u1eb7|\u1eb3|\u1eb5/g, "a"); a = a.replace(/\u00e8|\u00e9|\u1eb9|\u1ebb|\u1ebd|\u00ea|\u1ec1|\u1ebf|\u1ec7|\u1ec3|\u1ec5/g, "e"); a = a.replace(/\u00ec|\u00ed|\u1ecb|\u1ec9|\u0129/g, "i"); a = a.replace(/\u00f2|\u00f3|\u1ecd|\u1ecf|\u00f5|\u00f4|\u1ed3|\u1ed1|\u1ed9|\u1ed5|\u1ed7|\u01a1|\u1edd|\u1edb|\u1ee3|\u1edf|\u1ee1/g, "o"); a = a.replace(/\u00f9|\u00fa|\u1ee5|\u1ee7|\u0169|\u01b0|\u1eeb|\u1ee9|\u1ef1|\u1eed|\u1eef/g, "u"); a = a.replace(/\u1ef3|\u00fd|\u1ef5|\u1ef7|\u1ef9/g, "y"); a = a.replace(/\u0111/g, "d"); a = a.replace(/\W+/g, "-"); return a.replace(/^\-+|\-+$/g, "") } $(function () { $("a[href^='/t']").html(function () { var a = this.innerHTML; if (/^\[(Project|JS|AddOn|Guía|Macro|MOD|Parche|PunBB|PhpBB3)\]/i.test(a)) return a.replace(/\[(.+)\]/, function (a) { return '<span class="prefix ' + lang_vi(a) + '">' + a.replace(/[\[\]]/g, "") + "</span>" }) }); });
| Permisos de este foro: | No puedes responder a temas en este foro.
Código [IMG] está Activado Código HTML está Activado
|
|
|