Centrar logo  

 
Miquel
 Miquel
Estimable Member

Hola,

Quisiera tambien poder centrar el logo en horizontal, hay algun video que cuente como se hace o alguien puede decirmelo?,

Gracias y un Saludo.

Miquel

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 04/01/2013 11:43 am
David Noguera
 David Noguera
Miembro Admin

Hola Miguel, veo que estás usando la plantilla Music, aquí tienes el vídeo donde se explica el cambio de logo:

http://videosjoomla.com/component/k2/item/670-pack-reservas-music-cambio-de-logo

Y aquí tienes el resto de vídeos:

http://videosjoomla.com/component/k2/itemlist/category/51-music

Para centrar el logo, es un tema de CSS, había que modificar los 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:
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.
Envíe un mensaje a comercial@webempresa.com y le enviaremos los contactos de dichas empresas colaboradoras.

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 : 04/01/2013 12:11 pm

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

Miquel
 Miquel
Estimable Member

Hola,

Entiendo lo que me dices, pero los videos no dicen como centrar el logo, pero estoy en fase de estudio de CSS y Firebug, solo quiero saber en que parte (en el template.csss?, en el menu.CSS?, etc..) está el logo, nada mas, lo demas yo me espabilo.

Gracias de antemano y un saludo.

Miquel

ResponderCitar
Respondido : 04/01/2013 4:55 pm
Rafa Noguera
 Rafa Noguera
Miembro Admin

Miquel, el archivo que tienes que modificar es:

http://www.premiumhabitatlux.com/templates/gk_music/css/template.css

Un saludo,
Rafa Noguera

http://www.nosolocodigo.com/contacto
Expertos en Joomla y Wordpress.

ResponderCitar
Respondido : 04/01/2013 5:30 pm

Cursos Gratuitos WordPress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Miquel,

Otra opción seria aplicar etiquetas en el etiquetado html del archivo de la plantilla en uso para centrar el logo, eso si, el logo siempre se centrara en función del contenedor

en el que se encuentra y no sera un centrado absoluto.

Saludos

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

ResponderCitar
Respondido : 04/01/2013 6:17 pm
Miquel
 Miquel
Estimable Member

Hola Luis,

Gracias por tu aportación, estoy haciendo pruebas en el template.css, si uno es cuidadoso no se tiene porque estropear nada, modifico y después veo como queda, siempre apunto los cambios y los retrocedo si no son lo que yo quiero, esto me ayuda aprender.

Tu te refieres a cambios en que archivos?, en un archivo html?, cual seria?, en el indexx.html?, porque lo hago con el firebug y no me cambia nada.

Gracias de antemano y un Saludo.

Miquel

ResponderCitar
Respondido : 04/01/2013 8:15 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Miquel

Una manera práctica de hacerlo es simulando un centrado, es decir aumentarías el margin-left, y si quieres que las imágenes de las banderas se desplacen aumentarías el ancho.

Todo esto bajo el estilo de la etiqueta h1#gklogo, utiliza el firebug, localiza el archivo template.css, revisa la siguiente imagen adjunta de referencia.

Para aprender sobre firebug revisa :
https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Saludos

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

ResponderCitar
Respondido : 04/01/2013 9:06 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Miquel,

Ante todo decirte que es correcta tu forma de proceder, realizando copias, anotando cambios 🙂 eso es siempre garantía de poder volver atrás en caso de problemas.

El cambio que te indique debes realizarlo en el archivo de la plantilla y la manera más rápida para no volverte loco es editando el código de la misma desde el Gestor de Plantillas del backend de Joomla según te indico en captura.

Supongamos que tu plantilla es gk_boutique (por ejemplo):

En la ventana de código que se abre "Editar archivo "index.php" en plantilla..." es donde debes localizar la etiqueta html <img...... indicada en mi anterior captura.

Indicanos la plantilla exacta que usas y te digo el archivo exacto a localizar.

Saludos

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

ResponderCitar
Respondido : 04/01/2013 9:10 pm

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

Miquel
 Miquel
Estimable Member

Gracias Luis,

Es un gustazo colaborar con vosotros, cada día aprendo mas... La plantilla que utilizo es la gk_music.

Un Saludo,

Miquel

ResponderCitar
Respondido : 04/01/2013 9:24 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Miquel,

El código del archivo /templates/gk_music/component.php (línea 57 aproximadamente) que actualmente veras como:

		<img src="params->get('print_logo') != '') ? $this->params->get('print_logo') : JURI::base().'templates/'.$this->template.'/images/logo.png'; ?>" alt="Logo" />

Puedes centrarlo de forma rápida añadiendo la etiqueta :

<img src="params->get('logo') != '') ? $this->params->get('print_logo') : JURI::base().'templates/'.$this->template.'/images/print_logo.png'; ?>" alt="Logo" />

Si esto no resuelve, lo ideal seria modificar el archivo /css/template.css y en la clase:

/* Logo  */
h1#gkLogo {
	float: left;
	margin: 22px 0 18px 0;
	position: relative;
}

Dejarlo como:

/* Logo  */
h1#gkLogo {
	float: left;
        display: block;
	margin: 22px auto 18px auto;
	position: relative;
}

Hay soluciones más elaboradas, pero dependerán siempre de tu caso particular. No puedo extenderme en explicaciones sobre CSS, HTML, PHP ya que no damos soporte sobre CSS y programación a través del Foro. Apenas son unas pinceladas para que sepas por donde toquetear.

No olvides realizar una copia de seguridad del archivo antes de proceder con los cambios.

Saludos

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

ResponderCitar
Respondido : 04/01/2013 11:28 pm

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

Miquel
 Miquel
Estimable Member

Hola a todos,

Gracias por vuestro empeño en ayudarme, ya lo he solucionado, la opcion que me fue mejor, fue la de jhon, pero repito, gracias a todos por vuestra colaboracion. Doy el tema por zanjado y solucionado.

Un Saludo,

Miquel

ResponderCitar
Respondido : 05/01/2013 10:40 am

Por favor Iniciar Sesión o Registro