Avisos
Vaciar todo

imagen cabecera  

 
Luis
 Luis
Noble Member

quisiera aumentar ese menu de alto para que quepa una imagen de cabecera. por otro lado¿ se podria meter una imagen de cabecera asi de larga en esa posicion en vez de el logo original?

gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 04/06/2013 2:03 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Luis,

No te aconsejo añadir una imagen de esa longitud, puesto que la plantilla es un diseño responsive (adaptativo), y con ese cambio no se visualizaría correctamente en dispositivos móviles.

Si aún así lo deseas realizar cambios de dimensiones en la imagen logo.png de la plantilla y luego modificar las CSS de la plantilla.

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:

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

ResponderCitar
Respondido : 04/06/2013 2:41 pm

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

Luis
 Luis
Noble Member

que tamaño tendria ese menu?( para ponerlo igual la cabecera y no tener que aumentarlo mediante css)

ResponderCitar
Respondido : 04/06/2013 3:43 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El ancho del menú sería de 980 píxels. Ten en cuenta que este valor se configura dentro de la propia configuración de la plantilla University y que este tamaño cambiará en función del espacio disponible en el navegador.

Tal como te comentaba Jordi, no te recomiendo colocar una imagen en la cabecera ya que puede generar un mal resultado a nivel de diseño en dispositivos que carguen la página comprimida.

ResponderCitar
Respondido : 04/06/2013 4:59 pm

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

Luis
 Luis
Noble Member

Muchas gracias. De ancho 989 y de alto cuantos pixeles serian?

Probare y si sale mal lo quito de nuevo tras hacer una copia

ResponderCitar
Respondido : 04/06/2013 6:19 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Luis,

El alto es aprox 70px según veo ya has colocado una imagen en la cabecera.

Saludos.

ResponderCitar
Respondido : 04/06/2013 8:14 pm

Cursos Gratuitos WordPress

Luis
 Luis
Noble Member

donde habria que ponerlo? porque lo pongo con esas dimensiones y lo renombro logo.ppng(dentro de images de la plantilla ja university) y se queda acotado como el tamaño del logo inicial

imagino que habra que poner la imagen en otro directorio¿pero cual?

ResponderCitar
Respondido : 05/06/2013 10:02 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Luis,

¿ No estás sustituyendo el logo.png ? Porque las dimensiones del mismo veo que son actualmente 200x56.

¿No era tu idea aumentar las dimensiones de esa imagen para que sea más ancha y alta?

Saludos

ResponderCitar
Respondido : 05/06/2013 10:19 am

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

Luis
 Luis
Noble Member

poniendo 989 por 70 de alto sale de esa forma, renombrandolo a logo.png

http://lowcomes-cp52.webjoomla.es/academia

ResponderCitar
Respondido : 05/06/2013 3:19 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Te he dicho un ancho de 980, no de 989.

Sobre lo del cambio del tamaño del logo, tendrás que editar el archivo templates/ja_university/css/template.css. Al principio del archivo encontrarás un código como el siguiente:

/* Logo Image ---*/
h1.logo {
  width: 229px;
  height: 56px;
}

h1.logo a {
	background: url(../images/logo.png) no-repeat left;
	display: block;
	width: 229px;	
	height: 56px;
}

Aquí tienes que cambiar los valores de width y height (en los 2 sitios donde se definen) por los nuevos valores que quieras poner.

ResponderCitar
Respondido : 05/06/2013 3:42 pm

Luis
 Luis
Noble Member

muchas gracias

¿y para aumentar el ancho del menu(para poder poner un largo mayor de 70px)?

ResponderCitar
Respondido : 05/06/2013 5:53 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola luis

Supongo que te refieres a la altura , mira la imagen adjunta en donde se cambia el padding

Lo mismo te servirá si quieres que todos los ítems de menú ingresen en una sola línea, cambia el padding-left y padding-right por ejemplo a un tamaño menor de 20px

Saludos.

ResponderCitar
Respondido : 05/06/2013 6:37 pm

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

Luis
 Luis
Noble Member

lo que quiero es ensanchar este menu para poner un logo mas ancho

ResponderCitar
Respondido : 05/06/2013 6:43 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Luis

Como lo planteas, creo que te complicarás lo que pasa es que no sólo tocaras el código del menú sino de los contenedores, todos tienen un mismo ancho, además es dinámico por ser resonsive

Lo mejor es hagas crecer tu logo a la derecha que veo espacio libre, luego con algunos estilos es posible que se pueda redimensionar para que sea un logo redimensionable, por ejemplo revisa el siguiente enlace :
http://videosjoomla.com/component/k2/item/768-pack-tienda-webempresa-storebox-cambio-de-logo

En la mitad aprox del video se trabaja con un logo grande y se configura para que sea resonsive

Saludos.

ResponderCitar
Respondido : 05/06/2013 8:59 pm

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