Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje20-01-2014, 02:07 (UTC)    
Título del mensaje: ensanchar la pagina y galeria de fotos

hola amigos queria saber si alguien me puede decir como puedo hacer mas ancha la pagina de mi web os dejo enlace de foto y veis lo que quiero hacer hay lo explico, tambien queria poner alguna galeria de imagenes que este chula y nosea la de los extras de pwg

un saludo y gracias

este es el link de la captura para que veais lo que quiero hacer:

http://oi40.tinypic.com/2jdhyr4.jpg
Mensaje20-01-2014, 04:17 (UTC)    
Título del mensaje:

Hola transportespedrogonzalez,

Sobre alargar mas tu pagina web tienes que editar las imágenes de tu pagina web ya que esta diseñada así, es muy sencilla tu plantilla te recomendaría utilizar otra o simplemente editar las imágenes y ponerlas mas grandes podrías utilizar Photoshop.

Sobre para poner galerías en tu pagina web te dejare unas citaciones con links hacia otros temas que contienen galerías y slides:



master-nemesis escribió:

Galeria HTML y javascript

http://www.paginawebgratis.es/forum/viewtopic.php?t=65117 [HTML-JAVASCRIPT] Galeria de Imgenes
http://www.paginawebgratis.es/forum/viewtopic.php?t=66359 [JavaScript] - Galeria De imagenes
http://www.paginawebgratis.es/forum/viewtopic.php?t=65873 [JavaScript] Imágenes en secuencia

Galeria Jquery

http://www.paginawebgratis.es/forum/viewtopic.php?t=64921 [Jquery] Slide de imagenes elegante
http://www.paginawebgratis.es/forum/viewtopic.php?t=62365 [jQuery]Slider galeria
http://www.paginawebgratis.es/forum/viewtopic.php?t=65578 [jQuery] Slide de imagen | Efecto 1
http://www.paginawebgratis.es/forum/viewtopic.php?t=65581 [jQuery] Slide de imagen | Efecto 2
http://www.paginawebgratis.es/forum/viewtopic.php?t=65582 [jQuery] Slide de imagen | Efecto 3


Saludos!
iPWG
Mensaje20-01-2014, 04:28 (UTC)    
Título del mensaje:

Yo diría que así esta bien, pero como tu eres el propietario y si no te gusta, hay esta el post de ipwg sobre los temas de Master-Nemesis que te van a ayudar bastante

Saludos!
Mensaje20-01-2014, 11:02 (UTC)    
Título del mensaje:

Hola,

Lo que podrias hacer es utilizar background-size.

Código:
#bg2 {background-size: 150%;}
#bg4 {background-size: 150%;}
#page {width: 100%;}


Si le agregamos el % ocuparia mas la pantalla, podes modificar el 100 y 150.

Se puede alargar mientras sea una imagen repetida.

Saludos.
______________
Mensaje20-01-2014, 13:56 (UTC)    
Título del mensaje: ensanchar pagina

dangrecks escribió:
Yo diría que así esta bien, pero como tu eres el propietario y si no te gusta, hay esta el post de ipwg sobre los temas de Master-Nemesis que te van a ayudar bastante

Saludos!


no me habeis entendido lo que quiero es que la pagina se vea completa que no se ve como en la foto que os e dejado no quiero ensanchar las imagenes si no la pagina por que si ensancho las imagenes quedan fuera delo que es la pagina un saludo
Mensaje20-01-2014, 15:14 (UTC)    
Título del mensaje: Re: ensanchar pagina

transportespedrogonzalez escribió:
dangrecks escribió:
Yo diría que así esta bien, pero como tu eres el propietario y si no te gusta, hay esta el post de ipwg sobre los temas de Master-Nemesis que te van a ayudar bastante

Saludos!


no me habeis entendido lo que quiero es que la pagina se vea completa que no se ve como en la foto que os e dejado no quiero ensanchar las imagenes si no la pagina por que si ensancho las imagenes quedan fuera delo que es la pagina un saludo


Si le agregas background-size: 150%; al css de la parte del diseño lo podras anchar sin agrandar las imagenes.

Saludos.
______________
Mensaje20-01-2014, 23:06 (UTC)    
Título del mensaje:

master-nemesis escribió:
Hola,

Lo que podrias hacer es utilizar background-size.

Código:
#bg2 {background-size: 150%;}
#bg4 {background-size: 150%;}
#page {width: 100%;}


Si le agregamos el % ocuparia mas la pantalla, podes modificar el 100 y 150.

Se puede alargar mientras sea una imagen repetida.

Saludos.


sigo sin saber como se hace
Mensaje21-01-2014, 10:45 (UTC)    
Título del mensaje:

transportespedrogonzalez escribió:
master-nemesis escribió:
Hola,

Lo que podrias hacer es utilizar background-size.

Código:
#bg2 {background-size: 150%;}
#bg4 {background-size: 150%;}
#page {width: 100%;}


Si le agregamos el % ocuparia mas la pantalla, podes modificar el 100 y 150.

Se puede alargar mientras sea una imagen repetida.

Saludos.


sigo sin saber como se hace


Mira tu código css, en las estructuras #bg2 #bg3 #bg4 #bg5 tenes que agregar entre los corchetes {} el código background-size: X%.

Cita:
#bg2 {
background: url("http://img.webme.com/pic/p/pruebas-taw/bg03.jpg") no-repeat scroll center top transparent;
background-size: 135%;
}

#bg3 {
background: url("http://img.webme.com/pic/p/pruebas-taw/bg04.jpg") repeat-y scroll center top transparent;
background-size: 135%;
}

#bg4 {
background: url("http://img.webme.com/pic/p/pruebas-taw/bg05.jpg") no-repeat scroll center top transparent;
background-size: 135%;
}

#bg5 {
background: url("http://img.webme.com/pic/p/pruebas-taw/bg06.jpg") no-repeat scroll center bottom transparent;
background-size: 135%;
}


Saludos.
______________
Mensaje21-01-2014, 16:24 (UTC)    
Título del mensaje:

master-nemesis escribió:
transportespedrogonzalez escribió:
master-nemesis escribió:
Hola,

Lo que podrias hacer es utilizar background-size.

Código:
#bg2 {background-size: 150%;}
#bg4 {background-size: 150%;}
#page {width: 100%;}


Si le agregamos el % ocuparia mas la pantalla, podes modificar el 100 y 150.

Se puede alargar mientras sea una imagen repetida.

Saludos.


sigo sin saber como se hace


Mira tu código css, en las estructuras #bg2 #bg3 #bg4 #bg5 tenes que agregar entre los corchetes {} el código background-size: X%.

Cita:
#bg2 {
background: url("http://img.webme.com/pic/p/pruebas-taw/bg03.jpg") no-repeat scroll center top transparent;
background-size: 135%;
}

#bg3 {
background: url("http://img.webme.com/pic/p/pruebas-taw/bg04.jpg") repeat-y scroll center top transparent;
background-size: 135%;
}

#bg4 {
background: url("http://img.webme.com/pic/p/pruebas-taw/bg05.jpg") no-repeat scroll center top transparent;
background-size: 135%;
}

#bg5 {
background: url("http://img.webme.com/pic/p/pruebas-taw/bg06.jpg") no-repeat scroll center bottom transparent;
background-size: 135%;
}


Saludos.



vale gracias eso ya lo hice pero ahora quiero hacer mas grandes las imagenes y no se colocan en lo que e ampliado no se si me explico quiero que las imagenes que tengo en la pagina de inicio llegen a los dos margenes que e ampliado
gracias de nuevo amiho y un saludo
Mensaje21-01-2014, 16:42 (UTC)    
Título del mensaje:

Hola!,

Ahora en tu estructura CSS busca el siguiente codigo y modifica lo que te dejo en rojo añadiendole mas valor hasta que quede a tu gusto.
Cita:
#page {
width: 846px;
margin: 0px auto;
padding: 40px 0px 0px;
}


Saludos!
Moderador Design-PWG.
Mensaje21-01-2014, 16:49 (UTC)    
Título del mensaje:

design-pwg escribió:
Hola!,

Ahora en tu estructura CSS busca el siguiente codigo y modifica lo que te dejo en rojo añadiendole mas valor hasta que quede a tu gusto.
Cita:
#page {
width: 846px;
margin: 0px auto;
padding: 40px 0px 0px;
}


Saludos!
Moderador Design-PWG.


hola amigo mira visita mi pagina eso que me has dicho me funciona pero se a descolocado donde pone localizanos, aparte ahora como podria desplazar lo de localizanos y la publicidad mas hacia la izquierda me entiendes? visita mi pagina y lo entenderas amigo haber si me podriais ayudar
un saludo


Ultima edición por transportespedrogonzalez el Mar Ene 21, 2014 1:03 pm; editado 1 vez
Mensaje21-01-2014, 17:13 (UTC)    
Título del mensaje:

Hola!,

Encierra el codigo que tienes de Localizanos y la de Publicidad PWG entre estas etiquetas:
Código:
<div id="sidebar">

CODIGO DE LOCALIZANOS Y PUBLCIDAD

</div>


Con eso se tendria que solucionar tu problema.

Saludos!
Moderador Design-PWG.
Mensaje21-01-2014, 17:15 (UTC)    
Título del mensaje:

design-pwg escribió:
Hola!,

Encierra el codigo que tienes de Localizanos y la de Publicidad PWG entre estas etiquetas:
Código:
<div id="sidebar">

CODIGO DE LOCALIZANOS Y PUBLCIDAD

</div>


Con eso se tendria que solucionar tu problema.

Saludos!
Moderador Design-PWG.



que son etiquetas amigo?

este es el codigo:

<h2>LOCALIZANOS</h2><p>
<iframe width="235" height="188" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.es/maps?f=d&source=embed&saddr=Calle+Cantarranas,+32,+Casar+de+C%C3%A1ceres&daddr=10190+Casar+de+C%C3%A1ceres,+C%C3%A1ceres&hl=es&geocode=FeKVWwIdzRCe_ylH5viyAgoWDTGevVhKFRB6yA%3BFfKfWwIdQRqe_ylFiiMM-AkWDTGGFSzonVeQtQ&aq=4&oq=Calle+Cantarranas,3+Casar+de+C%C3%A1ceres&sll=39.55893,-6.424971&sspn=0.00507,0.006899&t=h&gl=es&mra=ls&ie=UTF8&ll=39.557944,-6.416948&spn=0.003109,0.002474&layer=c&cbll=39.556635,-6.418211&panoid=K_Q_xXRpMJckLlghEqRi0g&cbp=12,192.82,,0,22.26&output=svembed"></iframe><br /><small><a href="https://maps.google.es/maps?f=d&source=embed&saddr=Calle+Cantarranas,+32,+Casar+de+C%C3%A1ceres&daddr=10190+Casar+de+C%C3%A1ceres,+C%C3%A1ceres&hl=es&geocode=FeKVWwIdzRCe_ylH5viyAgoWDTGevVhKFRB6yA%3BFfKfWwIdQRqe_ylFiiMM-AkWDTGGFSzonVeQtQ&aq=4&oq=Calle+Cantarranas,3+Casar+de+C%C3%A1ceres&sll=39.55893,-6.424971&sspn=0.00507,0.006899&t=h&gl=es&mra=ls&ie=UTF8&ll=39.557944,-6.416948&spn=0.003109,0.002474&layer=c&cbll=39.556635,-6.418211&panoid=K_Q_xXRpMJckLlghEqRi0g&cbp=12,192.82,,0,22.26" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small>
</p></li><li>
<!-- INICIO NO EDITAR -->
<h2>Publicidad PWG</h2><p>
<div id="publipwg"></div>
</p></li><li>
<!-- FIN NO EDITAR -->
<div style="clear: both; height: 40px;"> </div>
</div></div></div></div>
<div id="footer"><p>
(c) 2014 transportespedrogonzalez.es.tl. Design by <a href="transportespedrogonzalez.es.tl/"></a> | Diseño Adaptado por : administrador <a href="transportespedrogonzalez.es.tl">


Ultima edición por transportespedrogonzalez el Mar Ene 21, 2014 1:18 pm; editado 1 vez
Mensaje21-01-2014, 17:19 (UTC)    
Título del mensaje:

[quote="transportespedrogonzalez"]
design-pwg escribió:
Hola!,

Encierra el codigo que tienes de Localizanos y la de Publicidad PWG entre estas etiquetas:
Código:
<div id="sidebar">

CODIGO DE LOCALIZANOS Y PUBLCIDAD

</div>


Con eso se tendria que solucionar tu problema.

Saludos!
Moderador Design-PWG.

Hola!,

las etiquetas en HTML son los atributos que le damos a una tabla, div, etc a lo que me referia es que copies el codigo que tienes de localizanos y la de la publicidad y lo sustituyas por "CODIGO DE LOCALIZANOS Y PUBLICIDAD" y entonces copias todo ese codigo y lo remplazas por que tenias. ¿Nose si me he explicado?

Saludos!
Moderador Design-PWG.
Mensaje21-01-2014, 17:20 (UTC)    
Título del mensaje:

[quote="design-pwg"]
transportespedrogonzalez escribió:
design-pwg escribió:
Hola!,

Encierra el codigo que tienes de Localizanos y la de Publicidad PWG entre estas etiquetas:
Código:
<div id="sidebar">

CODIGO DE LOCALIZANOS Y PUBLCIDAD

</div>


Con eso se tendria que solucionar tu problema.

Saludos!
Moderador Design-PWG.

Hola!,

las etiquetas en HTML son los atributos que le damos a una tabla, div, etc a lo que me referia es que copies el codigo que tienes de localizanos y la de la publicidad y lo sustituyas por "CODIGO DE LOCALIZANOS Y PUBLICIDAD" y entonces copias todo ese codigo y lo remplazas por que tenias. ¿Nose si me he explicado?

Saludos!
Moderador Design-PWG.


no amigo hay te deje el codigo aver si me lo puedes explicar con el codigo gracias
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group