Avisos
Vaciar todo

Bloquear web en landscape y solo visible en portrait  

 
Javier
 Javier
Honorable Member

Hola!

Como puedo hacer para bloquear web en landscape y solo visible en portrait. Es decir solo quiero que en la parte del movil se vea en portratir y si se gira a landscape que se mantenga como portrait.

¿Se puede hacer con un codigo css?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 27/06/2016 1:57 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.
Prueba si con esto te puede funcionar:

    #cont_escalable { display:block; }

             @media only screen and (orientation:portrait){
                #cont_escalable {  
                      -webkit-transform: rotate(90deg);
                      -moz-transform: rotate(90deg);
                      -o-transform: rotate(90deg);
                      -ms-transform: rotate(90deg);
                      transform: rotate(90deg);

                     }
             }

             @media only screen and (orientation:landscape){

                #cont_escalable {  
                      -webkit-transform: rotate(0deg);
                      -moz-transform: rotate(0deg);
                      -o-transform: rotate(0deg);
                      -ms-transform: rotate(0deg);
                      transform: rotate(0deg);
                     }
             }

Otra forma seria mediante JavaScript:

$(document).ready(function () {
  function reorient(e) {
    var portrait = (window.orientation % 180 == 0);
    $("body > div").css("-webkit-transform", !portrait ? "rotate(-90deg)" : "");
  }
  window.onorientationchange = reorient;
  window.setTimeout(reorient, 0);
});

Nota: Recuerda realizar una copia del archivo antes de cualquier modificación, solo con un copia y pega en el block de notas tendrás suficiente para dejarlo como estaba anteriormente.

Un saludo

ResponderCitar
Respondido : 27/06/2016 3:08 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Javier
 Javier
Honorable Member

el primero en CSS no me funciona, como puedo insertar mediante javascript?

ResponderCitar
Respondido : 27/06/2016 4:07 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Tu sitio web esta en WordPress?, en tal caso debes buscar el theme que estas usando y luego dentro de este posiblemente exista un carpeta js o script en donde tienes los scripts que carga tu theme, puedes poner el código dentro de alguno de estos archivos.

Saludos.

ResponderCitar
Respondido : 27/06/2016 6:56 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Javier
 Javier
Honorable Member

Lo acabo de poner en : /wp-content/themes/samarcanda/js

jquery.custom.js

Pero no funciona....

ADJUNTO EL ARCHIVO

ResponderCitar
Respondido : 28/06/2016 1:44 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.
No tenemos nada adjunto.

El tema de no permitir que rote la web es un poco complicado ya que depende de la configuración del móvil.
Revisa lo siguiente, sobre todo el apartado ' CSS3 Media Queries '-> http://opensourcehacker.com/2012/01/09/including-mobile-specific-css-with-css3-media-queries-setting-mobile-browser-viewport-mobilizing-websites-with-responsive-design-and-html5-part-5/

Un saludo

ResponderCitar
Respondido : 28/06/2016 3:23 pm

Cursos Gratuitos WordPress

Javier
 Javier
Honorable Member

vale, pero que tengo que poner para que funcione?

porque esto no funciona:

$(document).ready(function () {
function reorient(e) {
var portrait = (window.orientation % 180 == 0);
$("body > div").css("-webkit-transform", !portrait ? "rotate(-90deg)" : "");
}
window.onorientationchange = reorient;
window.setTimeout(reorient, 0);
});

ResponderCitar
Respondido : 28/06/2016 5:47 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

No veo que tu sitio tenga este archivo .js :
Contenido solo visible a usuarios registrados

Es este el sitio web en el que estas aplicando los cambios?, envía la url correcta del sitio.

Saludos.

ResponderCitar
Respondido : 28/06/2016 7:40 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Javier
 Javier
Honorable Member

url: http://www.casasdesevilla.com/

Necesito solo este ultimo cambio porfavor.

ResponderCitar
Respondido : 28/06/2016 7:53 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

De manera general la plantilla que estas usando tiene problemas.

Si por ejemplo restringes que no se pueda rotar, esto no significa que se corregirá el problema ya que si por ejemplo tienes un dispositivo que tiene el mismo ancho del landscape que quieres restringir entonces se verá igual mal.

Tal como te comentamos anteriormente será mejor que muevas tu sitio a nuestros servidores para darte más indicaciones, por política no atendemos sitios fuera de nuestro hosting.

Saludos.

ResponderCitar
Respondido : 28/06/2016 8:22 pm

wpdoctor-revisa-la-salud-de-tu-wordpress