Cargando...
Rango
Sexo
Mensajes
Última visita
Miembro desde

Foro Nube » Servicios » Soporte Foroactivo

Foro Cerrado
Este foro se encuentra cerrado de forma indefinida. Puedes utilizarlo para revisar material antiguo que desees recuperar.

[PHPBB3][Pedido] Como crear las etiquetas que tiene de PHPBB3, Todas y demas

Creado por ,

Mensaje [Página 1 de 1.]

Publicado el Sáb 6 Sep - 22:48

avatar
Hola, me gustaria poder crearlas, pero nose como, creo que debe ser un Script o algo por el estilo porque no es una imagen. Me podria decir como, la he visto en varias foros pero por mas que busco no las encuentro xD

Espero y no sea un codigo unico y lo puedan compartir  :lol:

PD: Mi version es PHPBB3

Gracias de antemano  :cheers:

A 0 usuarios le gusta esto

Publicado el Dom 7 Sep - 15:37

avatar
UP Riéndose

A 0 usuarios le gusta esto

Publicado el Dom 7 Sep - 15:41

avatar
Administrador
@Faxter escribió:UP Riéndose

Estamos trabajando en tu consulta, espera un poco por favor que ya lo tendremos en un momento.

A 0 usuarios le gusta esto

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube

Publicado el Dom 7 Sep - 17:09

avatar
Soporte
Añade este código en un nuevo JavaScript o uno ya existente activado en los sub foros:
Código:
$(function() {
    var icons = {'IMG_URL': 'phpbb3','IMG_URL': 'punbb'};
    for (var i = 0, dterms = document.getElementsByClassName('bg_none')[0].getElementsByClassName('dterm'), dterm; dterm = dterms[i++]; ) {
        var hierarchy = dterm.getElementsByClassName('hierarchy')[0];
        dterm = dterm.style.backgroundImage;
        dterm = dterm.substring(4, dterm.length - 1);
        dterm in icons && (hierarchy.innerHTML = '<span class="badge badge_' + icons[dterm] + '">' + icons[dterm] + '</span>' + hierarchy.innerHTML)
    }
});
Añade éste otro en un nuevo JavaScript o uno ya existente activado en todas las páginas:
Código:
$(function() {
    var index = 1;
    while (document.getElementById('post_icon_' + index)) {
        var label = document.getElementById('post_icon_' + index).parentNode;
        label.getElementsByTagName('span')[0].innerHTML = label.getElementsByTagName('img')[0].title;
        index++
    }
});
Añade este CSS en tu hoja de estilos:
Código:
.badge {
  background: #b3b3b3;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  height: 16px;
  line-height: 16px;
  margin-right: 5px;
  padding: 0 5px;
  text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  text-transform: uppercase;
}
.bg_none .dterm {
  background-image: none!important;
}
.topic-title > img {
  display: none;
}
En tu PA tienes que añadir tantos iconos en Iconos de mensajes como etiquetas quieras. Después vas al código y rellenas la variable icons, ésas serán tus etiquetas. En el lado izquierdo pones la url del icono y a la derecha el nombre de la etiqueta. Además puedes personalizar las etiquetas como quieras, por ejemplo, todas las etiquetas phpbb3 tendrán el selector badge_phpbb3 y así con todas las demás (badge seguido del nombre de la etiqueta). Cualquier duda no dudes en consultarme.

A 0 usuarios le gusta esto

Firma

Tubilok
Programador y maquetador - Soporte
Equipo de Foro Nube

Publicado el Dom 7 Sep - 18:05

avatar
No he entendido muy bien, esto es lo que modifico?

Código:
{'IMG_URL': 'phpbb3','IMG_URL': 'punbb'};

Es que me perdi en la parte de agregar las etiquetas xD

A 0 usuarios le gusta esto

Publicado el Dom 7 Sep - 18:20

avatar
Soporte
Si has hecho ya lo del PA sólo te queda eso sí. Tienes que cambiar IMG_URL por la url de la imagen que has puesto en el PA.

A 0 usuarios le gusta esto

Firma

Tubilok
Programador y maquetador - Soporte
Equipo de Foro Nube

Publicado el Dom 7 Sep - 19:13

avatar
Pues tengo que crear una imagen que diga por ejemplo "tutoriales"? o como lo hago?

A 0 usuarios le gusta esto

Publicado el Dom 7 Sep - 20:37

avatar
Soporte
No tienes que crear ninguna imagen. Mira te pongo un ejemplo:
Spoiler:
Con eso hecho vamos al código y la variable icons queda así:
var icons = {'http://illiweb.com/itest/smilies/default/default2.gif': 'phpbb3','http://illiweb.com/itest/smilies/default/default3.gif': 'punbb'};

Ahora cuando vayas a crear un tema te saldrán como icono del tema las opciones Ninguno, phpbb3 y punbb. Marca phpbb3 o punbb y en los subforos verás que aparecen las nuevas etiquetas.

A 0 usuarios le gusta esto

Firma

Tubilok
Programador y maquetador - Soporte
Equipo de Foro Nube

Publicado el Lun 8 Sep - 11:17

avatar
Lo he tratado pero no me sale, tendre que esperar, mi foro tiene un Javascript mal puesto porque otros JS no me funcionan, ya he contactado con uno de mis amigos y le dara revision hoy a mi foro.

Luego te dire si me funciono el codigo.

A 0 usuarios le gusta esto

Publicado el Sáb 13 Sep - 17:47

avatar
Han pasado 5 días y el tema no ha recibido nuevos mensajes, por lo que se considera inactivo. Cierro.

A 0 usuarios le gusta esto
Contenido patrocinado

Publicado

A 0 usuarios le gusta esto

Con la tecnología de Foroactivo y punBB