| Autor |
Mensaje |
-
transportespedrogonzalez
Nuevo
|
 20-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 |
|
|
↑
|
|
 |
-
ipwg
Semi-Experto
|
20-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:
Saludos!
iPWG |
|
|
↑
|
|
|
-
dangrecks
Junior
Ubicación: México
|
20-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! |
|
|
↑
|
|
|
-
master-nemesis
Semi-Experto
|
20-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. ______________  |
|
|
↑
|
|
|
-
transportespedrogonzalez
Nuevo
|
20-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 |
|
|
↑
|
|
|
-
master-nemesis
Semi-Experto
|
20-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. ______________ |
|
|
↑
|
|
|
-
transportespedrogonzalez
Nuevo
|
20-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 |
|
|
↑
|
|
|
-
master-nemesis
Semi-Experto
|
21-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. ______________ |
|
|
↑
|
|
|
-
transportespedrogonzalez
Nuevo
|
21-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 |
|
|
↑
|
|
|
-
design-pwg
Semi-Experto
Ubicación: Argentina
|
21-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.______________ 
10 años ayudando a PWG.
 Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com |
|
|
↑
|
|
|
-
transportespedrogonzalez
Nuevo
|
21-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
|
|
|
↑
|
|
|
-
design-pwg
Semi-Experto
Ubicación: Argentina
|
21-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.______________
10 años ayudando a PWG.
Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com |
|
|
↑
|
|
|
-
transportespedrogonzalez
Nuevo
|
21-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
|
|
|
↑
|
|
|
-
design-pwg
Semi-Experto
Ubicación: Argentina
|
21-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.______________
10 años ayudando a PWG.
Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com |
|
|
↑
|
|
|
-
transportespedrogonzalez
Nuevo
|
21-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 |
|
|
↑
|
|
|
|
