Cambio de iconos

[Florin Fx]

Hola a todos a ver si me podeis ayudar con una cosa.

Quiero cambiar estos iconos con una imagen .png

<php>
$icon = 'fa fa-comments';
switch( $forum_data['id'] )
{
    case 2: $icon = 'ion-android-contact'; break;
    case 10: $icon = 'ion-android-contact'; break;
    case 16: $icon = 'ion-android-globe'; break;
    case 194: $icon = 'ion-ios-monitor'; break;
    case 23: $icon = 'ion-ios-mic'; break;
    case 29: $icon = 'ion-ios-game-controller-b'; break;
    case 205: $icon = 'ion-ios-game-controller-b'; break;
    case 208: $icon = 'ion-ios-game-controller-b'; break;
    case 34: $icon = 'ion-ios-game-controller-b'; break;
    case 204: $icon = 'ion-ios-game-controller-b'; break;
    case 181: $icon = 'ion-android-people'; break;
    case 41: $icon = 'ion-paintbrush'; break;
    case 173: $icon = 'ion-university'; break;
    case 63: $icon = 'ion-ios-book'; break;
    case 68: $icon = 'ion-wifi'; break;
    case 74: $icon = 'ion-ios-flame'; break;
    case 80: $icon = 'ion-happy'; break;
    case 86: $icon = 'ion-videocamera'; break;
    case 114: $icon = 'ion-document-text'; break;
    case 122: $icon = 'ion-ios-heart'; break;
    case 180: $icon = 'ion-trash-b'; break;
    // etc
    default: break;
}
</php>

Estoi usando la plataforma ipb 3.4.9 si eso sirve de algo, un saludo.

[3n31ch]

No se que es ipb 3.4.9, sin embargo, te puedo decir que ese código lo único que hace es cambiar la clase de algún elemento en función al $forum_data['id'], por tanto, si creas nuevas clases poniendo background-images y colocandolos en esos cases... te funcionará.

Sin embargo, no sé porqué quieres cambiar imágenes que seguramente esten hechas vectorialmente como los son los de font awesomes o ion, por imagenes png.

[Florin Fx]

No se que es ipb 3.4.9, sin embargo, te puedo decir que ese código lo único que hace es cambiar la clase de algún elemento en función al $forum_data['id'], por tanto, si creas nuevas clases poniendo background-images y colocandolos en esos cases... te funcionará.

Sin embargo, no sé porqué quieres cambiar imágenes que seguramente esten hechas vectorialmente como los son los de font awesomes o ion, por imagenes png.

No se puede, he intentado cambiar por case 2: $icon = '<img src="https://i.imgur.com/BMhXHJA.png" alt>'; break; y tambien por case 2: $icon = 'background-image: url(https://i.imgur.com/BMhXHJA.png)';; break;

[3n31ch]

No es una imagen, in tampoco un estilo, es una clase en css.
Tienes que crear tu clase, ponerle la imagen de background, y poner el nombre de dicha clase en los case.

Código (css) [Seleccionar] Expandir


.icono {
  background:url(/path/image.png);
  display:inline-block;
  width:?px
  height:?px
} /*?  es el tamaño de la imagen */


Código (php) [Seleccionar] Expandir


case 1:
    $icon = 'icono';
    break;