Buenas, he instalado ya mi navbar pero deseo conseguir que al pasar el cursor por una imagen esta cambie a otra imagen.

Para así lograr un buen efecto en el encabezado.
Espero haberme explicado bien.

He utilizado este código

#page-header .navbar img#i_icon_mini_portal:hover {
background: url(https://2img.net/h/oi41.tinypic.com/10dcew9.png) no-repeat;
}

No me funciona (creo que es para versión PHPbb3)

PD: Mi versión es PHPbb2, Gracias!

up!

UP!

Hola, intenta lo siguiente...

Dirígete a Panel de administración - Visualización - Imágenes y Colores - Gestión de las Imágenes - Modo Avanzado - General/Navegación y tendrías que eliminar todas las imágenes desde "Índice" hasta "Desconectarse". Recuerda de todas formas guardar estas imágenes por las dudas, con guardar sus URL's bastará.

Ve a Panel de administración - Visualización - Índice - Cabeceras y Navegación - Anunciar únicamente las imágenes en la barra de vínculos : Sí

Ve a Panel de administración - Visualización - Imágenes y Colores - Colores - CSS Stylesheet y pon el siguiente código:

Código:

#i_icon_mini_logout {
  width: 16px;
  height: 16px;
  background: url("IMAGEN1") center no-repeat;
}

#i_icon_mini_logout:hover {
  background: url("IMAGEN2") center no-repeat;
}

A tener en cuenta...

width: 16px; -> Este es el valor de ancho de las dos imágenes.

height: 16px; -> Este es el valor de alto de las dos imágenes.

IMAGEN1 -> Imagen principal (tienes que insertar su URL).

IMAGEN2 -> Imagen que aparece al pasar el mouse (también tienes que insertar su URL).

i_icon_mini_logout -> Es el selector de cada enlace de la navbar, que deberás substituir por los siguientes:

i_icon_mini_logout - Desconectarse
i_icon_mini_message - Mensajería
i_icon_mini_profile - Editar Perfil
i_icon_mini_members - Miembros
i_icon_mini_groups - Grupos
i_icon_mini_search - Buscar
i_icon_mini_faq - FAQ
i_icon_mini_index - Índice
i_icon_mini_portal - Portal
i_icon_mini_login - Conectarse
i_icon_mini_register - Registrarse

Nota1: Recuerda que el código va de dos en dos, por lo cual, lo que te puse en la primera citación es solo para un enlace de la barra de navegación, si quieres poner otro tendrás que volver a poner ese código y editar los dos selectores por el correspondiente de la lista anterior.

Nota2: Si no deseas poner este efecto en toda la barra de navegación puedes poner una imagen sola desde la Gestión de Imágenes.

Nota3: Si pones una imagen desde la gestión el código CSS no funcionará. Para que funcione no debe haber ninguna imagen.

Espero que te sirva, cualquier cosa avisa por favor.