¿Cómo puedo hacer que mi XAT se vea bien en dispositivos móviles?

ferlandia · 2015-08-04T22:34:28-0500

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)

Insertar CODE, HTML o 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 · 2015-08-04T22:56:36-0500

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

Insertar CODE, HTML o 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 · 2015-08-04T23:00:00-0500

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

Insertar CODE, HTML o 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 · 2015-08-04T23:03:57-0500

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 · 2015-08-04T23:06:22-0500

Lenny Creative dijo:
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 · 2015-08-04T23:11:28-0500

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 · 2015-08-04T23:18:01-0500

Se puede quitar el sonido , :encouragement:

jsstoni dijo:
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 · 2015-08-04T23:28:35-0500

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

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

intoroddex · 2015-08-04T23:30:24-0500

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

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

¿Cómo puedo hacer que mi XAT se vea bien en dispositivos móviles?

ferlandia

jsstoni

ferlandia

Lenny Creative

ferlandia

jsstoni

intoroddex

jsstoni

intoroddex

Temas similares