Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » PUNBB
Actualizar esta página [JS] Colorear prefijos
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas [JS] Colorear prefijos 2x97uModos de visualización [JS] Colorear prefijos 2x97u

[JS] Colorear prefijos UFXmlYj[JS] Colorear prefijos ZcHKMjL
(#1)
Old  Fenix de Plata
">
Sorel
Fenix de Plata
Sorel
630105706705/02/2009PeruAdministrador de CPortadahttps://i.imgur.com/6szgbCX.jpg
 
 http://www.cportada.forum.st https://www.facebook.com/vBSorel https://twitter.com/cportada
[JS] Colorear prefijos Empty [JS] Colorear prefijos - 2/7/2019, 2:53 pm

[JS] Colorear prefijos Sin_tz10

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>"
      })
  });
});

Comentar con facebook:
[JS] Colorear prefijos Imagen11
 » Temas similares en otros foros
» [JS] Añadir prefijos a los títulos
»  Colorear los fondos de Post-It y Anuncios
» Colorear Anuncios Globales, Anuncios y Post-it
 
Permisos de este foro:
No puedes responder a temas en este foro.

 Los Códigos BB están Activado
 Los Emoticonos están Activado
 Código [IMG] está Activado
 Código HTML está Activado