Como posso fazer com que meu XAT fique bom em dispositivos móveis?

ferlandia · 04/08/2015

Resulta que tengo el código de mi xat pero al verlo desde un celular o tablet se me deforma el diseño responsive... la pregunta es...

¿SE PUEDE OCULTAR/SACAR/DESHABILITAR el Xat para aquellos que entran desde un celu o tablet?

Les dejo el code para algun amable me lo deje (si es posible)

Inserir CODE, HTML ou PHP:

 <center><embed FlashVars='id=215068027' align='middle' allowScriptAccess='sameDomain' height='400' name='chat' pluginspage='http://xat.com/update_flash.php' quality='high' src='http://www.xatech.com/web_gear/chat/chat.swf' type='application/x-shockwave-flash' width='550' wmode='transparent'/></center>

Saludos y gracias !

jsstoni · 04/08/2015

con jquery usando tacticas de responsive puedes ocultar eh incluso eleminar elementos en el dom.

Inserir CODE, HTML ou PHP:

$(window).ready(function() {
    var wi = $(window).width();
    $(window).resize(function() {
        var wi = $(window).width();
        if (wi <= 480){
            $("embed").remove();
        }
        else if (wi <= 767) {
            $("embed").remove();
        }
    });            
});

fuente: http://www.surfingsuccess.com/jquery/window-width.html

ferlandia · 04/08/2015

jsstoni disse:
con jquery usando tacticas de responsive puedes ocultar eh incluso eleminar elementos en el dom.

Inserir CODE, HTML ou PHP:

$(window).ready(function() { var wi = $(window).width(); $(window).resize(function() { var wi = $(window).width(); if (wi <= 480){ $("embed").remove(); } else if (wi <= 767) { $("embed").remove(); } }); });

fuente: http://www.surfingsuccess.com/jquery/window-width.html

Cómo quedaria con el código del xat bro? soy un -10 en esto

Lenny Creative · 04/08/2015

puedes encerrar el codigo del xat en un div

HTML:

<div class="mixat">
Aqui codigo de tu chat
</div>

y en tu css responsive:

HTML:

@media screen and (max-width:400px) { 
.mixat {display:none}
}

creo que algo asi 😱

ferlandia · 04/08/2015

Lenny Creative disse:
puedes encerrar el codigo del xat en un div

HTML:

<div class="mixat"> Aqui codigo de tu chat </div>

y en tu css responsive:

HTML:

@media screen and (max-width:400px) { .mixat {display:none} }

creo que algo asi 😱

Funcionó perfecto !!!, muchas gracias brother. Saludos!!

jsstoni · 04/08/2015

lo que comenta Lenny Creative no es una buena practica para tu caso, por que igual va quedar hay oculto el xat con sonido y demas.

intoroddex · 04/08/2015

Se puede quitar el sonido , :encouragement:

jsstoni disse:
lo que comenta Lenny Creative no es una buena practica para tu caso, por que igual va quedar hay oculto el xat con sonido y demas.

jsstoni · 04/08/2015

intoroddex disse:
Se puede quitar el sonido , :encouragement:

recuerda el elemento esta oculto no puedes ver el boton para desactivar el sonido.

intoroddex · 04/08/2015

Yo te hago saber que exite llamados "power" que brindan xat,, para sacar todo el sonido del chat :encouragement:

jsstoni disse:
recuerda el elemento esta oculto no puedes ver el boton para desactivar el sonido.

Como posso fazer com que meu XAT fique bom em dispositivos móveis?

ferlandia

jsstoni

ferlandia

Lenny Creative

ferlandia

jsstoni

intoroddex

jsstoni

intoroddex

Tópicos similares