GUILLERMORW Posted August 6, 2013 Share Posted August 6, 2013 Estimados, una consulta como puedo insertar una imagen de fondo he estado leyendo y veo como se puede cambiar el color en los CSS, pero como lo puedo realizar con una imagen y respecto a las resoluciones puede haber problemas? Por ejemplo la imagen que adjunto tiene dos personajes uno a cada lado lo que quisiera es que justamente la web salga en el medio y los personajes a cada lado. Gracias por su ayuda Link to comment Share on other sites More sharing options...
topomex Posted August 8, 2013 Share Posted August 8, 2013 Hola, creo que este post creado con anterioridad te puede ayudar, precisamente habla de poner imagen así como mantener la imagen fija, siempre y cuando la imagen tenga las dimensiones correctas, saludos y ojala te sirva de mucho... http://www.prestashop.com/forums/topic/256311-solucionado-modificar-home/page__p__1276724?do=findComment&comment=1276724 Link to comment Share on other sites More sharing options...
GUILLERMORW Posted August 12, 2013 Author Share Posted August 12, 2013 topomex gracias por el link ya tengo la idea, pero sabes en cual de todos los archivos de prestashop hay que copiar el : body { background-image:url('w3css.gif'); background-repeat:no-repeat; background-attachment:fixed; } Link to comment Share on other sites More sharing options...
Sergio Ruiz Posted August 12, 2013 Share Posted August 12, 2013 Fijate, aquí: http://www.prestashop.com/forums/topic/266035-fondo-de-pantalla-en-laterales%C2%BFcomo-ponerlo/ (en el global.css de la plantilla) Link to comment Share on other sites More sharing options...
GUILLERMORW Posted August 12, 2013 Author Share Posted August 12, 2013 Estimado Sergio Una consulta he modificado el global.css a : body{ font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; background:url('../img/fondo.jpg') fixed center top; } body.content_only { background: #FFF; } me acomoda bien la imgan, pero he perdido mis fondos blancos de mis menus (Se ve trnsparente), deseo que la foto este detras de mi pagina, quiero aun conserva el diseño con fondos blancos por defecto. ayuda Gracias Link to comment Share on other sites More sharing options...
topomex Posted August 12, 2013 Share Posted August 12, 2013 (edited) topomex gracias por el link ya tengo la idea, pero sabes en cual de todos los archivos de prestashop hay que copiar el : body { background-image:url('w3css.gif'); background-repeat:no-repeat; background-attachment:fixed; } Buen día Guillermo, la ruta de acceso es la siguiente: public_html/themes/default/css/global buscas la siguiente linea: "generic style" que es la parte donde aparece lo siguiente: body{ font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; background:url('../img/fondo.jpg') fixed center top; } body.content_only { background: #FFF; } ahora bien la parte que se menciona del " body.content_only {background: #FFF;} es lo que debes de modificar y poner: body { background-image:url('w3css.gif'); background-repeat:no-repeat; background-attachment:fixed; } en donde url('w3css.gif'); es la parte que debe de llevar la información de tu imagen.... ahora te mencione que es una imagen que tengas diseñada, debido a que debes de calcular que donde tienes colocados los menús les asignes color blanco, ya que esta estructura que te presento va a poner en todo el cuerpo de la web la imagen, incluso en los modulos... saludos y espero haber sido de ayuda... saludos y sigo al pendiente... Edited August 12, 2013 by topomex (see edit history) Link to comment Share on other sites More sharing options...
GUILLERMORW Posted August 12, 2013 Author Share Posted August 12, 2013 Estimado muchas gracias !! ya he podido lograr poner mi foto detras de la web, solo una cosita mas como le doy mas borde blanco a los costado como se ve en la 02.png, actualmente esta como la 01.png en que css deberia modificar o adicionar algo. Link to comment Share on other sites More sharing options...
topomex Posted August 12, 2013 Share Posted August 12, 2013 Estimado muchas gracias !! ya he podido lograr poner mi foto detras de la web, solo una cosita mas como le doy mas borde blanco a los costado como se ve en la 02.png, actualmente esta como la 01.png en que css deberia modificar o adicionar algo. Una pregunta, cual fue el procedimiento que hiciste para lograr ese efecto? Link to comment Share on other sites More sharing options...
GUILLERMORW Posted August 13, 2013 Author Share Posted August 13, 2013 Bueno Para poder ponerlo atras solo se agrego global.css body{ font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; background:url('../img/fondo.jpg') fixed center top; } body.content_only { background: #FFF; } grid_prestashop.css .container_9 { margin:0 AUTO; width: 985px; (Aqui aumente el borde del lado derecho) background:white; (Aqui hizo que los formulario conserver el fondo blando encima de la imagen) } Solo se aumento el borde al lado derecho, ya que para el lado izquierdo siento sale pegado a su lado. Link to comment Share on other sites More sharing options...
topomex Posted August 15, 2013 Share Posted August 15, 2013 Bueno Para poder ponerlo atras solo se agrego global.css body{ font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; background:url('../img/fondo.jpg') fixed center top; } body.content_only { background: #FFF; } grid_prestashop.css .container_9 { margin:0 AUTO; width: 985px; (Aqui aumente el borde del lado derecho) background:white; (Aqui hizo que los formulario conserver el fondo blando encima de la imagen) } Solo se aumento el borde al lado derecho, ya que para el lado izquierdo siento sale pegado a su lado. Hola GUILERMO, disculpa la demora,mm creo que podrias intentar poner un padding-left: 10px; espero que funcione, esto precisamente antes de el width:985 pruebalo y me comentas haber si es que estoy en lo correcto.. Saludos... Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts