Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje10-11-2013, 14:46 (UTC)    
Título del mensaje: Imágen de categoría para el extra foro

Hoy vi un tema en el que pedían imagen de categorías para el extra foro, bueno, este es el código


Vista previa:




Y aquí el código:

Se pega en Inicio -> Controlar extras -> extra foro -> Texto que va por encima del foro
Código:
<style type="text/css">
.forumtabelle tr td:first-child{
   background-repeat: no-repeat;
   background-position: center left;
   padding-left: 40px;
}
.forumtabelle tr:nth-child(2) td:first-child{
   background-image: url('https://cdn3.iconfinder.com/data/icons/tango-icon-library/48/x-office-address-book-32.png');
}
</style>


Si quieren agregar mas categorías solo tienen que adjuntar este código las veces que quieran:

Cita:
.forumtabelle tr:nth-child(n) td:first-child{
background-image: url('https://cdn3.iconfinder.com/data/icons/tango-icon-library/48/x-office-address-book-32.png');
}


Lo de verde es la url de la imagen de la categoría (32x32px es perfecta).
Lo de rojo lo reemplazan con el número de la categoría + 1.
categoría 1 = 2
categoría 2 = 3
categoría 3 = 4
.
.
.


Les recomiendo también este aporte: Rangos coloreados y medallas para el extra foro

Un saludo


Ultima edición por buzzdungeon el Mar Dic 17, 2013 12:08 am; editado 1 vez
Mensaje10-11-2013, 17:20 (UTC)    
Título del mensaje: Re: [CSS] Imagen de categoría para el extra foro

buzzdungeon escribió:
Cita:
.forumtabelle tr:nth-child(n) td:first-child{
background-image: url('https://cdn3.iconfinder.com/data/icons/tango-icon-library/48/x-office-address-book-32.png');
}

Muchas gracias por el código
______________
–Ver mi perfil o entrar a mi página web:
Ver mi perfil
Entrar a mi página web


Ultima edición por aumentarvisitantesweb el Vie Nov 15, 2013 1:55 pm; editado 2 veces
Mensaje10-11-2013, 19:45 (UTC)    
Título del mensaje:

Vaya esta genial muchas gracias por el aporte

Saludos y suerte con tu web
Mensaje10-11-2013, 20:36 (UTC)    
Título del mensaje:

Muchas gracias, empezaré a hacer más códigos para editar los extras de PWG
______________
/* Programador web freelance. */
/* Skype: j.f.delarosa */
Mensaje11-11-2013, 15:59 (UTC)    
Título del mensaje:

buzzdungeon escribió:
Muchas gracias, empezaré a hacer más códigos para editar los extras de PWG


Excelente buzzitho, estoy por implementar mas extras en mi web y esto nos vendrá de maravillas!


______________

http://radiovijaer.es.tl/
Mensaje17-11-2013, 05:12 (UTC)    
Título del mensaje:

Excelente Buzz! Siempre apoyando a PWG y como siempre tus códigos son Geniales!

Saludos!
Mensaje17-11-2013, 21:59 (UTC)    
Título del mensaje:

Aunque no uso el extra ''Foro'', muchas gracias por tu aporte. Espero más códigos para personalizar otros extras
Mensaje18-11-2013, 14:21 (UTC)    
Título del mensaje:

esta buenísimo el código, muy buen uso del CSS
siempre me sorprendes con esos códigos, aun mas con los scripts
______________
WebTwo de RadioVijaer.
Mensaje24-11-2013, 19:09 (UTC)    
Título del mensaje:

Muchas gracias, seguiré haciendo aportes así
______________
/* Programador web freelance. */
/* Skype: j.f.delarosa */
Mensaje30-11-2013, 18:06 (UTC)    
Título del mensaje:

Hola!,

Este tema será movido a su respectivo Foro de selección próximamente.

Gracias por el aporte!
Moderador Design-PWG.
Mensaje03-12-2013, 03:38 (UTC)    
Título del mensaje:

con estos aportes ahora si da ganas de activar el extra jejej..muy lindo aporte amigo!
______________
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group