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] Posición del icono de no nuevo/nuevo

Creado por ,

Mensaje [Página 1 de 1.]

Publicado el Mar 18 Nov - 16:15

avatar
He aplicado este tuto: http://www.foronube.net/t108-phpbb3-poner-los-foros-en-varias-lineas-y-mas

El problema es con los iconitos de nuevo mensaje o no nuevo, no me sale por mas que intento modificarlo, quiero cambiarlo de posicion y poner la imagen que me guste, pero no hay forma, asi que a ver si alguien sabe como hacerlo xD

os dejo esa parte del codigo para que veais como queda, consegui que se vea el fondito negro donde quiero que aparezca pero no sale la imagen de nuevo mensaje

Spoiler:

Código:
.forabg .forums dl.icon {
  background: none !important;
 }

 .forabg .forums dl.icon:before {
          content: "";
  display: block;
  position: absolute;
  right: 220px;
  bottom: 145px;
  width: 27px;
  height: 27px;
  padding: 10px;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  background-color: #000000;
  border-radius: 100%;
  z-index: 1;
 }

.forabg .forums dl.icon[style*="url(http://illiweb.com/fa/prosilver/forum_read.gif)"]:before {
  background-image: url('http://illiweb.com/fa/prosilver/forum_read.gif')!important;
 }
.forabg .forums dl.icon[style*="url(http://illiweb.com/fa/prosilver/forum_read.gif)"]:before {
  background-image: url('http://illiweb.com/fa/prosilver/forum_read.gif')!important;
 }


Tambien intente con este codigo que encontre en foroactivo, pero no se mueve donde yo quiero


Spoiler:

Código:
  .topiclist dl.icon {
        background-position: 24px 3px !important;
    }

    .forabg .row {
        background-position: 0 20px;
    }

    .forabg .dterm {
        margin-top: -47px;
    }

    .forabg .forumtitle {
        margin-top: 20px;
    }


En fin, gracias por adelantado Sonrisa

A 0 usuarios le gusta esto

Publicado el Mar 18 Nov - 19:18

avatar
Administrador
En el código puedes editar el selector «.forabg .forums dl.icon:before {» y ahí editar las propiedades bottom y right. Sin embargo, eso orienta el icono desde abajo y a la derecha. Si quieres que se posicionen desde arriba a la izquierda debes eliminar dichas propiedades y agregar las propiedades «top» y «left».

A 0 usuarios le gusta esto
Me gustaReputación del mensaje :100% (1 voto)

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube

Publicado el Mar 18 Nov - 20:07

avatar
ya consegui que se me ubique el fondo donde lo queria, el problema es que no me salen las imagenes para avisos de nuevos mensajes o no hay nuevos mensajes
por ejemplo si quiero que esta imagen me salga cuando no hay nuevos mensajes, como le hago?
http://3.bp.blogspot.com/-d7eZvmZvh0c/UHgZpFuph0I/AAAAAAAABrc/CqWuN_RMgi0/s1600/brushes+de+flor++-+png++photoscape+by+thataschultz1.png

porque con este codigo no me sale, no se si esta algo mal puesto Triste

.forabg .forums dl.icon[style*="url(http://illiweb.com/fa/prosilver/forum_read.gif)"]:before {
background-image: url('http://illiweb.com/fa/prosilver/forum_read.gif')!important;
}

A 0 usuarios le gusta esto

Publicado el Mar 18 Nov - 20:13

avatar
Administrador
Lo que ocurre es que la imagen que quieres colocar es demasiado grande y entonces da la sensación de que no la colocas o no aparece. Lo que tienes que hacer es agregar a ese código CSS la propiedad «background-site» con el valor «cover» quedando algo así:


Código:
.forabg .forums dl.icon[style*="url(http://illiweb.com/fa/prosilver/forum_read.gif)"]:before {
    background-image: url('http://illiweb.com/fa/prosilver/forum_read.gif')!important;
    background-size: cover;
}

A 0 usuarios le gusta esto
Me gustaReputación del mensaje :100% (1 voto)

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube

Publicado el Mar 18 Nov - 20:30

avatar
no funciona, no se que tengo mal la verdad, te paso el link del foro para que veas como queda y si necesitas el codigo que puse o algo me dices porque esta cosa me esta volviendo loca xD


lo que puse fue esto

Código:
 .forabg .forums dl.icon[style*="url(http://3.bp.blogspot.com/-d7eZvmZvh0c/UHgZpFuph0I/AAAAAAAABrc/CqWuN_RMgi0/s1600/brushes+de+flor++-+png++photoscape+by+thataschultz1.png)"]:before {
            background-image: url('http://3.bp.blogspot.com/-d7eZvmZvh0c/UHgZpFuph0I/AAAAAAAABrc/CqWuN_RMgi0/s1600/brushes+de+flor++-+png++photoscape+by+thataschultz1.png')!important;
            background-size: cover;
        }

A 0 usuarios le gusta esto

Publicado el Mar 18 Nov - 20:33

avatar
Administrador
El problema es que estás pidiendo que el CSS detecte una imagen que nunca aparece. Debes poner la misma imagen también en el PA y ya debería funcionar.

Por cierto, te está quedando realmente bien. Cuando publiqué el código buscaba que la gente supera personalizarlo para dejarlo a su gusto y te está quedando muy muy bien.

A 0 usuarios le gusta esto
Me gustaReputación del mensaje :100% (1 voto)

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube

Publicado el Mar 18 Nov - 21:29

avatar
con razon! que bruta soy jajajaja
gracias!!! ahora si quedo perfecto!

la unica duda que me surge es si para nuevos mensajes basta con ponerlo asi:

Código:
.forabg .forums dl.icon[style*="url(http://i59.servimg.com/u/f59/18/97/58/18/nada11.png)"]:before {
           background-image: url('http://i59.servimg.com/u/f59/18/97/58/18/nada11.png')!important;
           }
.forabg .forums dl.icon[style*="url(http://i59.servimg.com/u/f59/18/97/58/18/nuevo12.png)"]:before {
           background-image: url('http://i59.servimg.com/u/f59/18/97/58/18/nuevo12.png')!important;
           }

es decir, dos codigos iguales pero uno con la imagen de nuevos y el otro de nada nuevo, asi bastaria o tengo que cambiar algo?

y por cierto muchisimas gracias!!! Realmente feliz
tu codigo me encanto porque encima de que es super personalizable no hay que tocar para nada los templates y eso es lo que necesitaba porque como quiero personalizar tanto el foro y poner tantos codiguitos que encontre en este forito, luego no serian compatibles. Y me alegro mucho de que te guste como me esta quedando!! eres el primero que lo ve y ya si empiezo con buenas criticas es buena señal jejeje Molo

A 0 usuarios le gusta esto

Publicado el Mar 18 Nov - 21:55

avatar
Administrador
Sí, justo lo que has hecho es lo que hay que hacer.

A 0 usuarios le gusta esto
Me gustaReputación del mensaje :100% (1 voto)

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube

Publicado el Mar 18 Nov - 22:20

avatar
Genial!! pues muchas gracias por toda la ayuda Bret, no habria podido sacarlo sin ti!! Riéndose
doy el tema por resuelto... no veo para cambiar iconito como en foroactivo, lo dejo asi?

y voy a ver si encuentro mas dudas con las que seguir molestando por estos lares Riéndose

A 0 usuarios le gusta esto

Publicado el Miér 19 Nov - 14:52

avatar
Administrador
@Ysamar escribió:no veo para cambiar iconito como en foroactivo, lo dejo asi?

No soy muy partidario de ese icono. Si un tema está resuelto simplemente se avisa y listo. ^^

A 0 usuarios le gusta esto
Me gustaReputación del mensaje :100% (1 voto)

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
Contenido patrocinado

Publicado

A 0 usuarios le gusta esto

Con la tecnología de Foroactivo y punBB