Colocar Tooltip no menu vertical de ícones

soynacho · 05/09/2014

Tengo este menú: Vertical Icon Menu

Quisiera ponerle un tooltip o que con el hover se amplíe el ancho del elemento del menú para mostrar la palabra que indica de que se trata ese menú.

¿Que le adicionaría al CSS?

l0g0s · 05/09/2014

Hola

Verás los tooltips se ponen con la etiqueta html ...

Ya que tu menú vertical usa una lista con las etiquetas html <ul><li><a>, sólo tienes que agregar delante de <a>

<ul class="cbp-vimenu">
<li><a href="#" class="icon-logo">Logo</a></li>
...continua la lista del menú...
</ul>

Espero que te sirva 😉

soynacho · 05/09/2014

Excelente!

Y para darle estilo para que aparezca en el hover directamente?? Que cuando se haga hover aparezca ese tooltip o similar...

l0g0s disse:
Hola

Verás los tooltips se ponen con la etiqueta html ...

Ya que tu menú vertical usa una lista con las etiquetas html <ul><li><a>, sólo tienes que agregar delante de <a>

<ul class="cbp-vimenu">
<li><a href="#" class="icon-logo">Logo</a></li>
...continua la lista del menú...
</ul>

Espero que te sirva 😉

Colocar Tooltip no menu vertical de ícones

soynacho

l0g0s

soynacho

Tópicos similares