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

  • Autor Autor Avnet2019
  • Fecha de inicio Fecha de inicio
A

Avnet2019

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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?

forobeta.webp
 
Añade el atributo:
Insertar CODE, HTML o PHP: 
[B]mobile="no"[/B]
 
Miralles dijo:
Añade el atributo:
Insertar CODE, HTML o PHP: 
[B]mobile="no"[/B]
Hacer clic para expandir...

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'>
 
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'>
Hacer clic para expandir...

<b:widget mobile="no" id='AdSense2' locked='false' title='' type='AdSense'>
 
Miralles dijo:
<b:widget mobile="no" id='AdSense2' locked='false' title='' type='AdSense'>
Hacer clic para expandir...

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
 
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
 
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
Hacer clic para expandir...

orale pero osea donde pongo el codigo encima del HEAD?
 
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>
 
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>
Hacer clic para expandir...

No funciona me aparece error. MM quemal
 
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"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<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:
 
Última edición:
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"'>
<!-- only display title if it's non-empty -->
<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:
Hacer clic para expandir...

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"'>
<!-- only display title if it's non-empty -->
<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:
Hacer clic para expandir...

Hijole amigo si se borro pero tambien en ordenadores porque sera??
 
A mi no me funcionó ese código 🙁 bueno al menos en un un blog. Voy a calarlo en otros
 
Juan316 dijo:
A mi no me funcionó ese código 🙁 bueno al menos en un un blog. Voy a calarlo en otros
Hacer clic para expandir...

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
 
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"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<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>
 
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
Hacer clic para expandir...
Ya cheque si me funcionó ya no sale en el móvil pero en la tablet si sale.
 
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 >.<
 
Última edición:
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 >.<
Hacer clic para expandir...

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
 
[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!
 
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!
Hacer clic para expandir...

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
 
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"'>
<!-- only display title if it's non-empty -->
<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:
Hacer clic para expandir...

A mi me funciona muy bien este 😀 gracias
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

U
  • Cerrado
Forma para eliminar los elementos repetidos en un array en JS
Respuestas
1
Visitas
303
SEMTaurus
SEMTaurus
A
Ayuda en dispositivos moviles como quito de mi pagina algunos gadgets
Respuestas
2
Visitas
262
Avnet2019
A
Atrás
Arriba