Daviant Posted April 1, 2014 Share Posted April 1, 2014 (edited) Saludos; He logrado ampliar el tamaño de la imagen del logo al ancho de la pagina (recuadro rojo en la captura), pero no logro replicar el fondo para que se ajuste a la pantalla. Se cambia el fondo de toda la pagina. Alguien sabe como hacerlo??. El objetivo es que se vea como una sola imagen (todo lo pintado amarillo en la captura). De antemano muchas gracias Edited April 27, 2014 by Daviant (see edit history) Link to comment Share on other sites More sharing options...
Daviant Posted April 2, 2014 Author Share Posted April 2, 2014 Saludos; He logrado ampliar el tamaño de la imagen del logo al ancho de la pagina (recuadro rojo en la captura), pero no logro replicar el fondo para que se ajuste a la pantalla. Se cambia el fondo de toda la pagina. Alguien sabe como hacerlo??. El objetivo es que se vea como una sola imagen (todo lo pinatado amarillo en la captura). De antemano muchas gracias Sigo sin lograrlo Link to comment Share on other sites More sharing options...
vassago78 Posted April 25, 2014 Share Posted April 25, 2014 Como lograste ampliar el ancho del logo? Link to comment Share on other sites More sharing options...
Daviant Posted April 26, 2014 Author Share Posted April 26, 2014 (edited) Como lograste ampliar el ancho del logo? Bueno, con mucha paciencia Puedes buscar el global.css en la ruta: /themes/default-bootstrap/css Aproximádamente en la linea 271 encontrarás algo asi: .img-responsive { display:block; max-width: 100%; height:auto; margin: 0px auto; <--- agregas esta línea } Y en la línea 5292 aproximádamente, busca lo siguiente: header .row #header_logo { padding-top: 15px; width: 100%; <--- Agregas esta línea } La imagen para que tome todo el ancho debe ser de 1170 píxeles y la altura la defines tu. Siempre tratar de optimizar las imágenes para que no pesen tanto y tarden en subir. Si creas una imagen .png con fondo transparente puedes lograr un efecto como el de la captura si cambias el color de fondo. Antes de utilizar imagenes con transparencia (PNG) debes activar la opción en Preferencias/Imágenes/Usar PNG sólo si la imagen original está en ese formato Espero te sirva, esto me lo enseñaron aqui en este foro, pero no encontré los enlaces Edited April 26, 2014 by Daviant (see edit history) Link to comment Share on other sites More sharing options...
vassago78 Posted April 27, 2014 Share Posted April 27, 2014 Ahhhhhh!!!!!! Miiiil graciaaaaasss!!!!! Quedó perfecto!!! Saludos! Link to comment Share on other sites More sharing options...
Recommended Posts