Ok mi duda es como podria crear un widget de esta manera, osea que haya varias imagenes en las cuales poner a los miembros de staff algo asi como la imagen que les dejare enseguida, de antemano gracias por la atencion....

Imagen:


ahh y si se puede darle un efecto de opacidad al pasar el raton sobre la imagen

Hola.
Ve a donde vallas a poner el widget y en su contenido pegas esto.

Código:

<div class="staff-module">
<a href="ENLACE AL PERFIL DEL USUARIO"><img src="IMAGEN DEL STAFF"></a><a href="ENLACE AL PERFIL DEL USUARIO"><img src="IMAGEN DEL STAFF"></a><a href="ENLACE AL PERFIL DEL USUARIO"><img src="IMAGEN DEL STAFF"></a>
</div>

Despues ve a tu CSS y pegas esto.

Código:

.staff-module a img {
  margin: 0 2px;
  opacity: .6;
}

.staff-module a img:hover {
  opacity: 1.0;
}

---

Importante.
Para agregar mas usuarios pega este code despues del <"/a"> osea el que esta arriba del .

Código:

<br>
<a href="ENLACE AL PERFIL DEL USUARIO"><img src="IMAGEN DEL STAFF"></a><a href="ENLACE AL PERFIL DEL USUARIO"><img src="IMAGEN DEL STAFF"></a><a href="ENLACE AL PERFIL DEL USUARIO"><img src="IMAGEN DEL STAFF"></a>

---

Recuerda, si tu duda fue resuelta, edita tu msj y coloca el icono de Resuelto.

Gracias por tu ayuda resuleto