Tutorial: Css para hacer la publicidad .php en responsive

Rykrdo

Delta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios!
Desde
4 Mar 2018
Mensajes
569
Css para hacer la publicidad .php en responsive
Tiempo sin hacer tutoriales....
diseno-responsive_1.jpg


Hace ya unos meses tuve un p**o problema con la publicidad de mi blog, lo que pasaba es que la publicidad no es responsive,
y desde el celular se veía super feo(quizás algunos me entiendan)*

¿Como resolver eso?
- Fácil carnal... css y html, nada más.
CSS:
.ads-responsive-pc, .ads-responsive-cell {
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1180px) {
  .ads-responsive-pc {
    display: none!important
  }
}
@media only screen and (min-width: 1180px) {
  .ads-responsive-cell {
      display: none!important
}}
Y paraponer la publicidad como es....
HTML:
<center>
<div class="ads-responsive-jxyz-pc">
<!-- Publicidad 728x102.php -->
</div>
<div class="ads-responsive-jxyz-cell">
<!-- Publicidad 300x62.php -->
</div>
</center>
 

kiritox

VIP
Eta
Influencer
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
31 May 2017
Mensajes
1.478
Se agradece el aporte :) , me va a servir de seguro.
 

Ricardo Smeja

Alfa
Verificación en dos pasos desactivada
Verificado por Whatsapp
Usuario nuevo
¡Usuario con pocos negocios!
Desde
21 May 2020
Mensajes
28
Rápido y sencillo. Sin mucha complejidad. Gracias amigo.
 

Souhiro

Épsilon
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
12 Nov 2013
Mensajes
762
Está bien, pero recuerda que el display: none; oculta el elementos pero el HTML sigue allí. Lo que puede funcionar tambien es poner la condicional de mobile:

Insertar CODE, HTML o PHP:
 <b:if cond="data:blog.isMobile">
    <!-- Elemento que se mostrará en la version móvil-->
    <div>
    ...
    </div>
 <b:else/>
    <!-- Elemento que se mostrará en la versión Web -->
    <nav>
    ...
    </nav>
 </b:if>
 

Recolector

VIP
Épsilon
Social Media
Verificación en dos pasos desactivada
Desde
10 Jun 2014
Mensajes
940
Está bien, pero recuerda que el display: none; oculta el elementos pero el HTML sigue allí. Lo que puede funcionar tambien es poner la condicional de mobile:

Insertar CODE, HTML o PHP:
 <b:if cond="data:blog.isMobile">
    <!-- Elemento que se mostrará en la version móvil-->
    <div>
    ...
    </div>
<b:else/>
    <!-- Elemento que se mostrará en la versión Web -->
    <nav>
    ...
    </nav>
</b:if>
Tenia nociones de lo de arriba, pero esto de abajo es nuevo conocimiento.. muchas gracias
 

Crea una cuenta o accede para comentar

Debes ser un miembro para poder comentar

Crear cuenta

Crea una cuenta en nuestra comunidad

Acceder

¿Ya tienes una cuenta? Accede aquí


Arriba