[SOLUCIONADO] que la pagina siempre se vea como en el PC

[jrlsiles26]

Hola, me gustaria que la pagina siempre se viese como en el pc ya sea en el movil o en la tablet. no se si se podra, es una plantilla que descargue. el codigo del bootstrap.min.ccs es muy largo. a ver si alguien la puede descargar y me ayuda [URL="http://bootstraptaste.com/free-bootstrap-template-corporate-moderna/"]http://bootstraptaste.com/free-bootstrap-template-corporate-moderna/[/URL] muchas gracias

[NueveReinas]

Como experiencia de usuario sería totalmente desastroso.

Jamás entro de nuevo a una web que desde el móvil se ve igual que desde el PC, excepto que sea algo necesario (por ejemplo, este foro, que no es responsive).

[Zeromm]

Sin duda a nivel de usuario es una de las experiencias de usuario más terribles que puede haber, entrar en una web y ver el mismo diseño que en ordenador. Yo cuando entro desde el movil en una web así ESCAPO CORRIENDO!!! y no me molesto en ver nada de esa web.

Dicho esto, si quieres hacerlo de todas formas, solo tienes que sacar del html la etiqueta "meta viewport"

[jrlsiles26]

Entiendo lo que decis, el problema es que esta plantilla es muy dificil de leer en la version movil. Gracias probare lo que me dices.

[jrlsiles26]

Al quitar lo que me dices, me ajusta algunas partes y otras no, la pagina es [URL="http://www.fisioterapiagranada.com"]http://www.fisioterapiagranada.com[/URL] si accedes con el movil la parte central no la adapta, no se por que lo demas si. estoy a punto de tirar la toalla.

[jrlsiles26]

dejare la version movil, aunque la parte de abajo no la adapta y no se por que.

[Zeromm]

Yo aún le veo el viewport...

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

[jrlsiles26]

Es que si se lo quito, descuadra en el movil. Lo deje como estaba

[jrlsiles26]

Si lo unico malo es que descuadra la parte de abajo y no se donde se aplica para modificarlo.

[AngelKrak]

amigo si no sabes, estudia CSS y podras modificarlo ;) debe de tener algo como Footer >_<

[NueveReinas]

El footer se ve raro, como a pedazos.

[MMan]

despues de...

Código HTML:

<footer>
      <div class="contenedor">
            <div class="row">
 

agregale al div estas 2 clases.. a ver como queda :)

<div class="cuadroabajo col-md-4 col-sm-12">

[jrlsiles26]

Ok mman lo hare y te cuento. Muchas gracias

[jrlsiles26]

Lo he cambiado y no hace nada. si pongo la etiqueta col-lg-3 en vez de cuadroabajo que fue creada por mi, lo hace bien pero el fondo es de otro color y si lo cambio, como esa etiqueta se utiliza en mas sitios, me lo cambia todo. hay alguna manera de agregar las propiedades de col-lg-3 a cuadroabajo?

[NueveReinas]

Iniciado por jrlsiles26

Lo he cambiado y no hace nada. si pongo la etiqueta col-lg-3 en vez de cuadroabajo que fue creada por mi, lo hace bien pero el fondo es de otro color y si lo cambio, como esa etiqueta se utiliza en mas sitios, me lo cambia todo. hay alguna manera de agregar las propiedades de col-lg-3 a cuadroabajo?

Copia las propiedades, mételas en una nueva clase y entonces asígnale esa clase a cuadroabajo.

[jrlsiles26]

Creo que el problema viene con la resolucion y no se como hacerlo.

[NueveReinas]

Iniciado por jrlsiles26

Creo que el problema viene con la resolucion y no se como hacerlo.

¿A qué te refieres con "el problema viene con la resolucion"? ¿A las media-queries? ¿A la resolución de la pantalla?

[jrlsiles26]

A las media, aunque donde pone .col-lg-3 tambien he agregado .cuadroabajo pero algo se me escapa.

[NueveReinas]

Iniciado por jrlsiles26

A las media, aunque donde pone .col-lg-3 tambien he agregado .cuadroabajo pero algo se me escapa.

¿Y qué estilos tiene la clase cuadroabajo?

Por favor, muestra el código.

[jrlsiles26]

Es que el codigo de las media es tan largo que no me deja. Puedo mandarte la web?

[NueveReinas]

Iniciado por jrlsiles26

Es que el codigo de las media es tan largo que no me deja. Puedo mandarte la web?

Claro, postea el enlace en este tema.

No mandes consultas que corresponden al foro por mensaje privado.

[jrlsiles26]

Bueno intentare poner aqui el codigo, aunque en el unico momento que no se ve bien es en el movil en vertical que no pone una cosa debajo de la otra en la parte de abajo.

[MMan]

edita cuadroabajo

CSS

Código CSS:

.cuadroabajo {
  background: #663398;
  text-align: left;
  padding-bottom: 0px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 0px;
 
}
 

HTML y tu div asi

Código HTML:

<div class="cuadroabajo col-md-4">
 

[jrlsiles26]

Ahora ya siiiiiiiiiiii!!! vivaaa vivaaaa eres un crack MMan, me puedes explicar que funcion hace añadir la etiqueta col-md-4 a cuadroabajo? uno va aprendiendo a base de caeerse. Me equivoque al estudiar sistemas en vez de desarrollo web jeje. Mis gracias

[NueveReinas]

Iniciado por jrlsiles26

me puedes explicar que funcion hace añadir la etiqueta col-md-4 a cuadroabajo?

Quizá debas leer más acerca del framework que utilizas...

http://getbootstrap.com/css/#grid
http://getbootstrap.com/examples/grid/

[MMan]

en tu codigo.. estas usando bootstrap ( un framework con una serie de clases predefinidas )

Código HTML:

<head>
        <meta charset="utf-8">
        <title>Centro Andaluz de Osteopatia</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="http://bootstraptaste.com">
 
        <!-- css -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
 

col-md-4 es parte de la grilla/grid/ o sistema de columnas que usa el bootstrap

aqui tienes mas info :)
http://getbootstrap.com/examples/grid/

[jrlsiles26]

Muchas gracias!! No cierro el posto por si me surje otra duda. Un abrazo.

[NueveReinas]

Iniciado por jrlsiles26

Muchas gracias!! No cierro el posto por si me surje otra duda. Un abrazo.

Lo justo sería cerrar el post y crear un nuevo tema, si esta duda ya está solucionada...

[jrlsiles26]

Iniciado por MMan

edita cuadroabajo

CSS

Código CSS:

.cuadroabajo {
  background: #663398;
  text-align: left;
  padding-bottom: 0px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 0px;
 
}
 

HTML y tu div asi

Código HTML:

<div class="cuadroabajo col-md-4">
 

Pedona, ahora me lo hace tambien al abrir en el ordenador y no me habia dado cuenta

[jrlsiles26]

Perdon ya se ha solucionado