Como puede eliminar algunos elementos de mi pagina para no verse en el movil

Avnet2019 · 3 Mar 2016

Hola tengo 3 elementos que se ven muy bien en mi pagina en los ordenadores. Uno es un anuncio adsense lateral derecho, arriba de el tengo uno de compartir la pagina en redes sociales y otro de suscribirse por correo electronico, quiero inhabilitar estos 3 elementos pero solo en el movil. Que no se vean en el movil para ser precisos solo en ordenadores. Ya los tengo identificados en el codigo HTML de mi plantilla estos son los codigos de la imagen. ¿Que codigo les puedo poner para que no aparescan en dispositivos moviles?

Miralles · 3 Mar 2016

Añade el atributo:

Insertar CODE, HTML o PHP:

[B]mobile="no"[/B]

Avnet2019 · 3 Mar 2016

Miralles dijo:
Añade el atributo:

Insertar CODE, HTML o PHP:

[B]mobile="no"[/B]

ok amigo pero disculpa mi ignoracia en que parte lo pondria mira por ejemplo este es un codigo en ¿donde lo pongo?

<b:widget id='AdSense2' locked='false' title='' type='AdSense'>

Miralles · 3 Mar 2016

Avnet2019 dijo:
ok amigo pero disculpa mi ignoracia en que parte lo pondria mira por ejemplo este es un codigo en ¿donde lo pongo?

<b:widget id='AdSense2' locked='false' title='' type='AdSense'>

<b:widget mobile="no" id='AdSense2' locked='false' title='' type='AdSense'>

Avnet2019 · 3 Mar 2016

Miralles dijo:
<b:widget mobile="no" id='AdSense2' locked='false' title='' type='AdSense'>

Que raro no me quieren funcionar siguen apareciendo. Lo que pasa es que esos elementos hacen muy pesada la pagina en dispositivos moviles por eso quiero eliminarlos de los moviles pero nomas no puedo hacerlo. Pero de todos modos gracias por la ayuda

JimmyBalarezo · 3 Mar 2016

por condiciones.

Para que no se vea en movil pon

<b:if cond='data:blog.isMobileRequest == "false"'>
aquí lo que no quieres que se muestre en moviles
</b:if>

Y solo mostrará cuando el link sea tudominio.com?m=1

Avnet2019 · 4 Mar 2016

JimmyBalarezo dijo:
por condiciones.

Para que no se vea en movil pon

<b:if cond='data:blog.isMobileRequest == "false"'>
aquí lo que no quieres que se muestre en moviles
</b:if>

Y solo mostrará cuando el link sea tudominio.com?m=1

orale pero osea donde pongo el codigo encima del HEAD?

JimmyBalarezo · 4 Mar 2016

No bro, tiene que encerrar lo que quieras que no salga en celulares.
O sea busca lo que no quieres que salga en celulares
y antes de la linea de donde empieza ese codigo pon

<b:if cond='data:blog.isMobileRequest == "false"'>

Y al final pone esto. </b:if>

<b:if cond='data:blog.isMobileRequest == "false"'>
aquí lo que no quieres que se muestre en moviles
</b:if>
AQUÍ
TODO
LO QUE NO QUIERAS
QUE SALGA EN CELULARES
</b:if>

Avnet2019 · 5 Mar 2016

JimmyBalarezo dijo:
No bro, tiene que encerrar lo que quieras que no salga en celulares.
O sea busca lo que no quieres que salga en celulares
y antes de la linea de donde empieza ese codigo pon

<b:if cond='data:blog.isMobileRequest == "false"'>

Y al final pone esto. </b:if>

<b:if cond='data:blog.isMobileRequest == "false"'>
aquí lo que no quieres que se muestre en moviles
</b:if>
AQUÍ
TODO
LO QUE NO QUIERAS
QUE SALGA EN CELULARES
</b:if>

No funciona me aparece error. MM quemal

JimmyBalarezo · 5 Mar 2016

Seguro lo estas poniendo mal 😕
Ejemplo: aquí el HTML1 será solo para pc y no para moviles.
Es un ejemplo, tu tendrás que ponerlo en HTML2, HTML3 O DONDE DESEES.

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == "false"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Creo que así es lo correcto.
No creo que lo pueda explicar mejor. :fatigue:

Avnet2019 · 10 Mar 2016

JimmyBalarezo dijo:
Seguro lo estas poniendo mal 😕
Ejemplo: aquí el HTML1 será solo para pc y no para moviles.
Es un ejemplo, tu tendrás que ponerlo en HTML2, HTML3 O DONDE DESEES.

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == "false"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Creo que así es lo correcto.
No creo que lo pueda explicar mejor. :fatigue:

Exelente amigo tu si sabes. Y me funciono ¡YEEAAAA!

- - - Actualizado - - -

JimmyBalarezo dijo:
Seguro lo estas poniendo mal 😕
Ejemplo: aquí el HTML1 será solo para pc y no para moviles.
Es un ejemplo, tu tendrás que ponerlo en HTML2, HTML3 O DONDE DESEES.

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == "false"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Creo que así es lo correcto.
No creo que lo pueda explicar mejor. :fatigue:

Hijole amigo si se borro pero tambien en ordenadores porque sera??

Juan316 · 10 Mar 2016

A mi no me funcionó ese código 🙁 bueno al menos en un un blog. Voy a calarlo en otros

Avnet2019 · 10 Mar 2016

Juan316 dijo:
A mi no me funcionó ese código 🙁 bueno al menos en un un blog. Voy a calarlo en otros

A mi si me funciono pero lo malo es que tambien me borro los bloques en movil y ordenadores. ando buscando algun detalle que tenga el codigo que permita solo en moviles. Donde dice False creo que no es False va otra cosa si sabes algo me avisas

mglngl · 10 Mar 2016

en lo que he visto, solo identifico el widget o elemento a esconder en el dispositivo movil, y asegurate de colorcar el codigo mostrado de color naranja...

<b:widget id='HTML3' locked='false' title='Back at Home' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == "false"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/> </h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Juan316 · 10 Mar 2016

Avnet2019 dijo:
A mi si me funciono pero lo malo es que tambien me borro los bloques en movil y ordenadores. ando buscando algun detalle que tenga el codigo que permita solo en moviles. Donde dice False creo que no es False va otra cosa si sabes algo me avisas

Ya cheque si me funcionó ya no sale en el móvil pero en la tablet si sale.

SkyArg · 11 Mar 2016

También lo podes hacer desde CSS, agregando el siguiente bloque dentro de la etiqueta <head></head>:

Insertar CODE, HTML o PHP:

<style>
 media screen and (max-width: 1024px)
{
	#HTML2,
	#FollowByEmail1,
	#AdSense2,
	#Navbar1
	{
		display: none;
	}
}
</style>

Puedes ajustar el tamaño a partir del cual se ocultaran esos elementos. Así como lo escribí, las pantallas menores a 1024px no verán esos cuatro componentes.
Si pones el código y no ves cambios puede que sea porque estás viendo una vista vieja guardada en caché, así que asegurate de borrar el caché de navegador del dispositivo desde el cual cargas la web después de poner el código (Ctrl + F5 en Chrome de Windows).

Espero que te sirva, saludos.

PD: tenés que agregar un "@" a la palabra "media" (pegada a la m, a la izquierda), si lo pongo en el código me lo tomo como una mención a otro usuario >.<

Avnet2019 · 11 Mar 2016

SkyArg dijo:
También lo podes hacer desde CSS, agregando el siguiente bloque dentro de la etiqueta <head></head>:

Insertar CODE, HTML o PHP:

<style> media screen and (max-width: 1024px) { #HTML2, #FollowByEmail1, #AdSense2, #Navbar1 { display: none; } } </style>

Puedes ajustar el tamaño a partir del cual se ocultaran esos elementos. Así como lo escribí, las pantallas menores a 1024px no verán esos cuatro componentes.
Si pones el código y no ves cambios puede que sea porque estás viendo una vista vieja guardada en caché, así que asegurate de borrar el caché de navegador del dispositivo desde el cual cargas la web después de poner el código (Ctrl + F5 en Chrome de Windows).

Espero que te sirva, saludos.

PD: tenés que agregar un "@" a la palabra "media" (pegada a la m, a la izquierda), si lo pongo en el código me lo tomo como una mención a otro usuario >.<

Te felicito amigo ya funciono. Una duda en mi macbook de 13 pulgadas no aparece ni tampoco en mi tablet , me gustaria cambiarle el valor para que aparesca en esos dispositivos, solo me gustaria que no aparecieran en las pantallas de moviles como el iPhone 6 plus y menores

SkyArg · 12 Mar 2016

[MENTION=157932]Avnet2019[/MENTION]

Simplemente modificá el valor en pixels, podes poner 600px en vez de 1024px, hay muchas combinaciones que se pueden hacer.
Este método se llama "Media Queries", te dejo un link donde hay muchísimas configuraciones: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Fijate que también se puede indicar si el dispositivo está horizontal o vertical, porque hay veces que el diseño se ve bien si están usando el celu horizontalmente, pero se rompe cuando lo ponen vertical.

Saludos!

Avnet2019 · 15 Mar 2016

SkyArg dijo:
[MENTION=157932]Avnet2019[/MENTION]

Simplemente modificá el valor en pixels, podes poner 600px en vez de 1024px, hay muchas combinaciones que se pueden hacer.
Este método se llama "Media Queries", te dejo un link donde hay muchísimas configuraciones: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Fijate que también se puede indicar si el dispositivo está horizontal o vertical, porque hay veces que el diseño se ve bien si están usando el celu horizontalmente, pero se rompe cuando lo ponen vertical.

Saludos!

Gracias por todo amigo me ayudaste bastante tienes muy buenos conocimientos, hay si me puedes ayudar con la siguiente pregunta que formule en el foro te la dejo saludos y cuidate

http://forobeta.com/blogger/479256-buscadores-no-me-aparecen-mis-categorias-otras-webs.html
http://forobeta.com/blogger/479256-buscadores-no-me-aparecen-mis-categorias-otras-webs.html

JordanAlvarez · 2016-08-06T15:20:08-0500

JimmyBalarezo dijo:
Seguro lo estas poniendo mal 😕
Ejemplo: aquí el HTML1 será solo para pc y no para moviles.
Es un ejemplo, tu tendrás que ponerlo en HTML2, HTML3 O DONDE DESEES.

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == "false"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Creo que así es lo correcto.
No creo que lo pueda explicar mejor. :fatigue:

A mi me funciona muy bien este 😀 gracias

Como puede eliminar algunos elementos de mi pagina para no verse en el movil

Avnet2019

Miralles

Avnet2019

Miralles

Avnet2019

JimmyBalarezo

Avnet2019

JimmyBalarezo

Avnet2019

JimmyBalarezo

Avnet2019

Juan316

Avnet2019

mglngl

Juan316

SkyArg

Avnet2019

SkyArg

Avnet2019

JordanAlvarez

Temas similares

Privacidad y transparencia

Privacidad y transparencia