Cambio de fondo de color sólido a imagen  

 
Aventura
 Aventura
Estimable Member

Hola a todos,

Necesitaría cambiar el fondo del menú superior (donde sale el logo, Inicio, Tienda, etc). Me gustaría poner una imagen (para crear así un degradado) en vez del color sólido.

He usado Firebug para intentar ver dónde cambiarlo, pero me lleva a aventuramarket.com/winter/ y sale arriba inline, y no encuentro dónde cambiar ese código.

¿Alguien me podría indicar cómo? Gracias de antemano.

pd: estoy usando la plantilla Winter.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 22/06/2013 6:11 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Aventura,

¿Has revisado este vídeo?

- http://videosjoomla.com/videos-joomla/item/744-pack-tienda-webempresa-paso-1-cambio-de-colores-de-la-plantilla-plantilla-winter

Saludos

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

ResponderCitar
Respondido : 22/06/2013 8:34 pm

Cursos Gratuitos WordPress

Aventura
 Aventura
Estimable Member

Hola Luis, muchas gracias por tu respuesta.

Sí, he visto ese vídeo. Como comprobarás, sólo muestra cómo cambiar a colores sólidos, mas no a una imagen, como estoy buscando. Como se puntualiza en el vídeo, desde ese panel lamentablemente sólo podemos hacer cambios muy básicos de algunos elementos.

Un saludo y gracias de nuevo

ResponderCitar
Respondido : 22/06/2013 8:47 pm
Hicham
 Hicham
Miembro Admin

Hola,

No atendemos consultas de CSS ni Programación en el foro, después de nuestra experiencia de varios años atendiendo consultas sobre Joomla nos encontramos que la mayoría de usuarios que quieren modificar CSS acaban "estropeando" sus webs o bien por hacer modificaciones que luego no funcionan en los diferentes navegadores o bien por hacer modificaciones que acaban empeorando el diseño original de la plantilla.

Creemos que los clientes que no tienen conocimientos de CSS es mejor que usen joomla, para sacarle más partido a los contenidos y funcionalidades que permite joomla o sus extensiones y no creemos que sea recomendable realizar cambios CSS, para ello recomendamos usar plantillas profesionales de los diferentes clubes que desarrollan plantillas para joomla y partiendo de una buena plantilla rara vez es necesario tener que cambiar CSS.

Los clubes que actualmente más recomendamos para plantillas profesionales Joomla son http://www.gavick.com y http://www.joomlart.com

En todo caso, si prefieres cambiar CSS te recomendamos que aprendas a usar Firebug con el que podrás aprender a modificar CSS, aquí tienes un vídeo de ejemplo que le ayudará a utilizarlo:
https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

También te recomendamos estos libros gratuitos sobre CSS que te permitirán iniciarte en CSS, tienes el libro de introducción y el avanzado:
http://www.librosweb.es/

Podemos recomendarle que consulte disponibilidad, condiciones y coste con nuestras empresas colaboradoras, especializadas en personalizaciones para Joomla.
Aquí tiene el Directorio de Empresas colaboradoras de webempresa.com:
https://www.webempresa.com/directorio-colaboradores.html

Saludos

Si te ha servido de ayuda, déjanos tu testimonio con un link hacia tu Web y mejora su posicionamiento:
Enviar testimonio
¡Gracias!.

ResponderCitar
Respondido : 23/06/2013 9:57 am

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

Aventura
 Aventura
Estimable Member

Hola Hicham,

No estoy pidiendo que se me brinde el código CSS directamente, sólo estoy preguntando dónde, en qué archivo, debería cambiar el código para poder hacer lo que deseo. Hace no mucho (una o dos semanas atrás) hice una pregunta de la misma índole y Jhon me resolvió la consulta sin problema alguno.

Sé usar Firebug cómo se sobreentiende en el primer mensaje del tema, agradecería que antes de dar una respuesta default se leyera bien lo escrito, gracias.

Si hago esta consulta aún habiendo usado Firebug es porque éste no me brinda la ubicación del archivo a editar.

Repito:

He usado Firebug para intentar ver dónde cambiarlo, pero me lleva a aventuramarket.com/winter/ y sale arriba inline, y no encuentro dónde cambiar ese código.

Un saludo y gracias de antemano.

ResponderCitar
Respondido : 23/06/2013 5:08 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Aventura,

Según reviso en el código la clase div.ot-header se encuentra en la ruta: /templates/ot_winterfashion/css/layout.css, puedes revisar en el fichero si realizando los cambios de color afecta a la plantilla.

Saludos.

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 : 23/06/2013 5:34 pm

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

Aventura
 Aventura
Estimable Member

Hola Johnny,

Como mencionas se encuentra en dicho archivo, gracias. He probado cambiando ahí pero sigue sin mostrarse lo que intento. Actualmente el color que vemos es el que edité desde el gestor de plantillas justo con el vídeo que mencionó Luis.

Tengo el código así:

div.ot-header{
	position: relative;
	z-index: 999;
	background: url("../images/header-grad.png") repeat-x scroll 0 0 transparent;
	box-shadow: 0 2px 2px #f7f7f7;
	-moz-box-shadow: 0 2px 2px #f7f7f7;
	-webkit-box-shadow: 0 2px 2px #f7f7f7;
}

¿Sabes qué se podría hacer?

Saludos

ResponderCitar
Respondido : 23/06/2013 5:56 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Aventura,

Revisa por favor la siguiente captura.

Saludos

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

ResponderCitar
Respondido : 23/06/2013 6:40 pm

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

Aventura
 Aventura
Estimable Member

Hola Luis, has llegado al quid del asunto.
Ahí está el problema. Como vemos la ruta que me marca Firebug es la siguiente:

aventuramarket.com/winter/

No me pone nada como por ejemplo "http://www.aventuramarket.com/winter.css" o algo por el estilo.

Acabo de comprobar con Firebug que si eliminamos esa línea se muestra la imagen que deseo y que puse en layout.css como indicó Johnny. Es decir, es como si el color de ahí se superpusiera a la imagen que yo quiero. He probado dejando en blanco ese campo en el gestor de plantillas pero no lo permite.

De hecho en tu imagen podemos apreciar cómo precisamente debajo de esa línea se encuentra la línea de layout.css con lo que quiero, pero se muestra tachada.

Un saludo y gracias nuevamente

ResponderCitar
Respondido : 23/06/2013 6:57 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Aventura,

Es un trabajo de campo, mirar, buscar, localizar, analizar el código, etc.

Una opción interesante es utilizar TextPad para buscar las cadenas que quieres modificar.

- Desde tu cPanel comprimes la carpeta donde tengas la web, por ejemplo /public_html/templates/winter en un archivo .zip y lo descargas a tu PC
- En tu PC lo descomprimes.
- Abres TextPad, Buscar, Buscar en archivo (Control+F5)
- En la ventana "Buscar en Archivos":

Buscar: div.ot-header
En archivos: *.*
En carpeta: la carpeta que hayas descomprimido del componente.
Marcar la opción (abajo) "Buscar en subcarpetas".
Clic en botón "Examinar" y esperar resultados.

Otra opción en lugar de TextPad es NotePad++

- Notepad++: http://notepad-plus-plus.org/download/v6.2.2.html
- Textpad: http://www.textpad.com/download/index.html

Saludos

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

ResponderCitar
Respondido : 23/06/2013 8:51 pm

Cursos Gratuitos WordPress

Aventura
 Aventura
Estimable Member

Hola Luis,

Gracias, le echaré un vistazo a lo que comentas a no ser que encuentre otra solución, puede ser útil.

¿No hay alguna forma de que se tome como prioritario en código que queda "debajo"?

ResponderCitar
Respondido : 23/06/2013 9:35 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Aventura,

Tendrías que ser más concreto y documentar el ejemplo para poder responder a eso.

Saludos

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

ResponderCitar
Respondido : 23/06/2013 10:54 pm

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

Aventura
 Aventura
Estimable Member

Hola Luis, te especifico a lo que me refiero en la imagen que adjunto.

Saludos

ResponderCitar
Respondido : 25/06/2013 2:39 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Aventura,

Puedes definir la prioridad agregando la declaración !important: en el fichero layout.css

div.ot-header {
    background: none repeat scroll 0 0 #FFFFFF !important;
}

Saludos.

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 : 25/06/2013 2:46 am

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

Aventura
 Aventura
Estimable Member

Muchas gracias Johnny, ya se ha solucionado con tus respuesta.

Podemos cerrar el tema.

Un saludo y gracias a todos.

ResponderCitar
Respondido : 25/06/2013 3:14 pm

Por favor Iniciar Sesión o Registro