[AYUDA] Theme CSS no puedo modificar ubicación de una imagen
Tengo una duda con un theme CSS descargado de internet, lo que paso fue que al empezar a editarlo, no pude encontrar código para modificar la ubicación de una imagen del slider show. Me pueden ayudar?
Dejare adjuntado el theme original: http://prueba-web.tk/
ASÍ ES COMO ESTA ACTUALMENTE:
![[Image: ibrWYW73W0qxQl.png]](http://i6.minus.com/ibrWYW73W0qxQl.png)
ASÍ ES COMO LO NECESITO:
![[Image: ibgrZ6zKvXBAVZ.png]](http://i.minus.com/ibgrZ6zKvXBAVZ.png)
Dejare adjuntado el theme original: http://prueba-web.tk/
ASÍ ES COMO ESTA ACTUALMENTE:
![[Image: ibrWYW73W0qxQl.png]](http://i6.minus.com/ibrWYW73W0qxQl.png)
ASÍ ES COMO LO NECESITO:
![[Image: ibgrZ6zKvXBAVZ.png]](http://i.minus.com/ibgrZ6zKvXBAVZ.png)
Ufaaaa, no se adjunto. Bueno aqui dejo el theme subido al google drive
https://docs.google.com/file/d/0B7vaZPj2...=drive_web
https://docs.google.com/file/d/0B7vaZPj2...=drive_web
Ufa bro, no la tengo subido en ningun host... deje las web hace tiempo y se me borraron las ctas host
recien estoy volviendo, igual gracias por responder! ^^
recien estoy volviendo, igual gracias por responder! ^^
Súbela en uno gratuito, no podemos hacer mucho con eso, no es mybb por lo que desconocemos el código y nadie descargara y subira todo para ayudarte cx
Nadie tiene tanto tiempo, ni tan buen corazón (menos jose ._.)
Adiós
Nadie tiene tanto tiempo, ni tan buen corazón (menos jose ._.)
Adiós
Creo que una forma simple seria que por un lado, darle click derecho a la imagen y poner la opcion "Ver Imagen" , de esa forma te va a mostrar la ruta a la misma, u otra forma es que uses Firebug si usas FireFox, o alguno similar en Chrome o el navegador que uses, al analizar el elemento te va a dar todos los datos del mismo.
EDIT:
En resumen, no se si esto es lo que preguntas, pero las imágenes están en esta parte:
la imagen de la foto que dejas, osea los auriculares están en esta parte que es el primer <div>:
Y te dice la ruta a la imagen que es css/images/PRUEBA.png
No se si esa es tu consulta, o es otra cosa, cualquier cosa deja algún detalle mas claro
![[Image: CCoBXgK.png]](http://i.imgur.com/CCoBXgK.png)
![[Image: TQqCgcO.png]](http://i.imgur.com/TQqCgcO.png)
EDIT:
En resumen, no se si esto es lo que preguntas, pero las imágenes están en esta parte:
<div id="carousel"> ... </div>dentro del archivo Prueba.htmlla imagen de la foto que dejas, osea los auriculares están en esta parte que es el primer <div>:
<div>
<h5>It all starts with a</h5>
<h3>Great Vision</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget augue quis quam dignissim consectetur ac sit amet nisl. In hac habitasse platea. Eget augue quis quam dignissi lorem lipsum adispicing dolor sit amet.</p>
<a href="#" class="green-btn">FREE Quote</a>
<img class="img-front" src="css/images/PRUEBA.png" alt="dot1" width="525" height="400" />
</div>Fijate que indica la imagen como:<img class="img-front" src="css/images/PRUEBA.png" alt="dot1" width="525" height="400" />Y te dice la ruta a la imagen que es css/images/PRUEBA.png
No se si esa es tu consulta, o es otra cosa, cualquier cosa deja algún detalle mas claro
![[Image: CCoBXgK.png]](http://i.imgur.com/CCoBXgK.png)
![[Image: TQqCgcO.png]](http://i.imgur.com/TQqCgcO.png)
Esta bien!! Ya logre subir la web a un host, la dirección es la siguiente: http://prueba-web.tk/
Notese entonces que en la "primera muestra del slider show", la imagen que la acompaña (Es decir, la de los auriculares: http://prueba-web.tk/css/images/PRUEBA.png) esta mal ubicada, ya que sale cortada por el margen derecho de la estructura del theme css.
Mi problema es que no logro encontrar el código para mover la imagen de los auriculares mas a la izquierda y de esa forma ubicarla mas al centro para que se vea completa y no salga cortada.
En el código sugerido por XEDE se contempla el tamaño y la ruta del arichivo de imagen, pero no la ubiacion del mismo dentro de la estructura del theme.
DE FORMA QUE:
Me ayudan a encontrar este codigo? llevo mas de una hora buscandolo u.u
Notese entonces que en la "primera muestra del slider show", la imagen que la acompaña (Es decir, la de los auriculares: http://prueba-web.tk/css/images/PRUEBA.png) esta mal ubicada, ya que sale cortada por el margen derecho de la estructura del theme css.
Quote:
Mi problema es que no logro encontrar el código para mover la imagen de los auriculares mas a la izquierda y de esa forma ubicarla mas al centro para que se vea completa y no salga cortada.
En el código sugerido por XEDE se contempla el tamaño y la ruta del arichivo de imagen, pero no la ubiacion del mismo dentro de la estructura del theme.
<img class="img-front" src="css/images/PRUEBA.png" alt="dot1" width="525" height="400" />
DE FORMA QUE:
Quote:ASÍ ES COMO ESTA ACTUALMENTE:
ASÍ ES COMO LO NECESITO:
Me ayudan a encontrar este codigo? llevo mas de una hora buscandolo u.u
Pero se te ve asi porque la imagen es muy grande osea me refiero la imagen es grande de la parte izquierda tiene bastante espacio por eso se te ve mal.
trata de achicar la imagen de lo ancho.
![[Image: tumblr_nj9sv13aff1tga1sco4_r1_500.gif]](https://31.media.tumblr.com/b9f3b87cfcc886d53d07cd3fe8e67a24/tumblr_nj9sv13aff1tga1sco4_r1_500.gif)
trata de achicar la imagen de lo ancho.
![[Image: tumblr_nj9sv13aff1tga1sco4_r1_500.gif]](https://31.media.tumblr.com/b9f3b87cfcc886d53d07cd3fe8e67a24/tumblr_nj9sv13aff1tga1sco4_r1_500.gif)
Muchas gracias a todos, ya pude resolver el problema.
La solución se encuentra en configurar el archivo "functions.js" buscando " imgFront" asignándole "left:449"
Sin embargo,
MALAS NUEVAS U.U
Descubri que para los celulares y tablets, se desconfigura y se ve mal la imagen, me ayudan con esto por favor tmb? u.u
tablet: http://i1.minus.com/ibaCPCqAkUy06u.png
cel: http://i4.minus.com/iXHnAN6QIuVM1.png
La solución se encuentra en configurar el archivo "functions.js" buscando " imgFront" asignándole "left:449"
Sin embargo,
MALAS NUEVAS U.U
Descubri que para los celulares y tablets, se desconfigura y se ve mal la imagen, me ayudan con esto por favor tmb? u.u
tablet: http://i1.minus.com/ibaCPCqAkUy06u.png
cel: http://i4.minus.com/iXHnAN6QIuVM1.png
![[Image: jCIaOgk.png]](http://i.imgur.com/jCIaOgk.png)
![[Image: ib0Yp7rqwKGNkH.png]](http://i5.minus.com/ib0Yp7rqwKGNkH.png)