[PHPBB3] Posición del icono de no nuevo/nuevo

Ver el tema anterior Ver el tema siguiente Ir abajo

[PHPBB3] Posición del icono de no nuevo/nuevo

Mensaje por Ysamar el Mar 18 Nov - 16:15

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
avatar
Ysamar

Mensajes : 71
Fecha de inscripción : 09/11/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: [PHPBB3] Posición del icono de no nuevo/nuevo

Mensaje por Bret el Mar 18 Nov - 19:18

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».

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: [PHPBB3] Posición del icono de no nuevo/nuevo

Mensaje por Ysamar el Mar 18 Nov - 20:07

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;
}
avatar
Ysamar

Mensajes : 71
Fecha de inscripción : 09/11/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: [PHPBB3] Posición del icono de no nuevo/nuevo

Mensaje por Bret el Mar 18 Nov - 20:13

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

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: [PHPBB3] Posición del icono de no nuevo/nuevo

Mensaje por Ysamar el Mar 18 Nov - 20:30

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;
        }
avatar
Ysamar

Mensajes : 71
Fecha de inscripción : 09/11/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: [PHPBB3] Posición del icono de no nuevo/nuevo

Mensaje por Bret el Mar 18 Nov - 20:33

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.

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: [PHPBB3] Posición del icono de no nuevo/nuevo

Mensaje por Ysamar el Mar 18 Nov - 21:29

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
avatar
Ysamar

Mensajes : 71
Fecha de inscripción : 09/11/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: [PHPBB3] Posición del icono de no nuevo/nuevo

Mensaje por Bret el Mar 18 Nov - 21:55

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

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: [PHPBB3] Posición del icono de no nuevo/nuevo

Mensaje por Ysamar el Mar 18 Nov - 22:20

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
avatar
Ysamar

Mensajes : 71
Fecha de inscripción : 09/11/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: [PHPBB3] Posición del icono de no nuevo/nuevo

Mensaje por Bret el Miér 19 Nov - 14:52

@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. ^^

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: [PHPBB3] Posición del icono de no nuevo/nuevo

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.