Poner un icono delante de un menú  

 
Luis Miguel
 Luis Miguel
Honorable Member

Buenas quería poner un icono de estos que admite delante del menú superior Acceso

Tipografía de la plantilla Pack tienda Jano

Vienen estos menús en el menú ; )

¿Se puede hacer sin insertar código como indicáis en este enlace?

www.webempresa.com/blog/item/423-agregar-iconos-al-menu-de-una-plantilla.html

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 26/03/2015 1:24 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

En el despegable te debería de permitir insertarlo, caso contrario prueba a insertar el código CSS.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 26/03/2015 2:17 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Luis Miguel
 Luis Miguel
Honorable Member

Gracias Johny, he realizado pruebas en los dos menús y no me sale

He puesto también el el campo .icon-user y el código

icon-user

en este último se quedaba solamente el nombre "icon-user" al pulsar a guardar.

¿alguna sugerencia?

ResponderCitar
Respondido : 26/03/2015 12:22 pm
Julen
 Julen
Miembro Admin

Hola,

El código introducido es incorrecto. Deberás seguir los pasos que se indican en el siguiente articulo:
https://www.webempresa.com/blog/item/423-agregar-iconos-al-menu-de-una-plantilla.html

El código que debes introducir, deberá ser similar a este:

window.addEvent('domready',function(){

ponerIconoMenu("#menu70",'/images/stories/heart_32.png');

ponerIconoMenu("#menu1",'/images/stories/home_32.png');

});

function ponerIconoMenu(id, rutaicono){

var img = new Element('img',{'src':rutaicono, 'style':'margin-top:5px;'});

img.injectTop($(id + ' span span')[0]);

}

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 26/03/2015 4:12 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Luis Miguel
 Luis Miguel
Honorable Member

Gracias Julen lo que me me indicas es para poner iconos con estilo png

Pero si quiero utilizar los iconos de los indicados en la Tipografía
Iconos
FONT AWESOME

Font Awesome es un lenguaje pictográfico de acciones relacionadas con la web que ofrece más de 200 iconos. La fuente, CSS y archivos LESS de Font Awesome están licenciados bajo CC BY 3.0 y puede encontrar ejemplos completos de uso en Font Awesome - http://fortawesome.github.com/Font-Awesome

Añadir .icon-CLASS_NAME a cualquier elemento, aunque es mejor usarlo con .

¿Y para qué sirven los menús que señalo en la siguiente captura?

ResponderCitar
Respondido : 26/03/2015 4:58 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El menú de las plantillas es dropdown, por lo tanto tienes que usar las opciones en esta pestaña

Simplemente cambia la opcion de menu-icon, tal como figura en la captura

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 26/03/2015 6:55 pm

Cursos Gratuitos WordPress

Luis Miguel
 Luis Miguel
Honorable Member

Hola Jhon así lo he realizado

Pero me he dado cuenta que en el Menú Principal sí funciona, pero en el Menú Superior no.

No se si es por que es diferente 🙁

ResponderCitar
Respondido : 27/03/2015 2:32 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Que tipo de modulo utilizas para dicha sección, lo mas sencillo seria por ejemplo utilizar un modulo html personalizado donde te permita introducir el código.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 27/03/2015 4:22 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Luis Miguel
 Luis Miguel
Honorable Member

El predeterminado en Pack tienda Jano no he realizado ningún cambio en dicho módulo.

ResponderCitar
Respondido : 28/03/2015 12:58 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Prueba a realizar el menú en un modulo html personalizado e insertalo en la posición top a

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 28/03/2015 2:43 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Luis Miguel
 Luis Miguel
Honorable Member

Johnny de esa manera si funciona.

Gracias

ResponderCitar
Respondido : 09/04/2015 7:27 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Entiendo que ya has solucionado tu problema colocando un módulo html personalizado

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 09/04/2015 8:24 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Luis Miguel
 Luis Miguel
Honorable Member

Sí era para darlo como cerrado

ResponderCitar
Respondido : 09/04/2015 8:34 pm

Por favor Iniciar Sesión o Registro