tecknik Posted August 27, 2012 Share Posted August 27, 2012 Hola Estoy tratando de modificar el tamaño del logo para que me sirva de cabecera de la página. Me gustaría que ocupara todo el ancho del front, pero no me sale. He consultado este tema, pero no lose ajusta a mi necesidad: http://www.prestashop.com/forums/topic/178021-cabecera-solucionado/page__hl__bloques%20%7C%20permanentes Os adjunto una captura de como me queda y con unas flechas hasta donde lo necesito. Gracias. Link to comment Share on other sites More sharing options...
tecknik Posted August 27, 2012 Author Share Posted August 27, 2012 Tras visualizar este interesantísimo tema: http://www.prestashop.com/forums/topic/178515-tutorial-4-como-modificar-la-cabecera-de-prestashop/page__p__880051__hl__cabecera__fromsearch__1?do=findComment&comment=880051 He decidido que lo mejor es mantener el logo como vienen por defecto y crear una cabecera. Pero sigo teniendo el problema de los laterales de la cabecera, los cuales me gustaría que tuvieran la misma apariencia que la cabecera. Por lo que tal vez deba de cambiar el background-color de todo el body. ¿Se puede hacer un degradado para todo el body? ¿Cómo? Gracias. Link to comment Share on other sites More sharing options...
tecknik Posted August 27, 2012 Author Share Posted August 27, 2012 (edited) Siento ser tan pesado, pero podría estar solucionado el problema. He utilizado esta página para crear un código para hacer el degradado: http://www.colorzill...radient-editor/ le he dado los colores y he copiado el código que indica, que es el que pego debajo. Como no entiendo de programación pregunto ¿es la forma más adecuada de hacerlo? background: #c8cc05; /* Old browsers */ background: -moz-linear-gradient(top, #c8cc05 1%, #f5f8f1 15%, #f5f8f1 89%, #c8cc05 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c8cc05), color-stop(15%,#f5f8f1), color-stop(89%,#f5f8f1), color-stop(100%,#c8cc05)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c8cc05 1%,#f5f8f1 15%,#f5f8f1 89%,#c8cc05 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c8cc05 1%,#f5f8f1 15%,#f5f8f1 89%,#c8cc05 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c8cc05 1%,#f5f8f1 15%,#f5f8f1 89%,#c8cc05 100%); /* IE10+ */ background: linear-gradient(to bottom, #c8cc05 1%,#f5f8f1 15%,#f5f8f1 89%,#c8cc05 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8cc05', endColorstr='#c8cc05',GradientType=0 ); /* IE6-9 */ Edited August 27, 2012 by tecknik (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts