Staff en línea

[beta] Aplicar CSS segun el navegador
Tema iniciado por y Añadir a favoritos

[beta] Aplicar CSS segun el navegador 
el Dom Jun 28, 2015 2:30 pm
staff


Última edición por Chalo el Jue Ago 20, 2015 10:12 pm, editado 3 veces
Bien existen diversas formas de aplicar hacks a los navegadores y dejar sus foros similares en los diversos navegadores, muchos dicen que hacer esto es una mala practica, pero la mayoría de los que estamos en los foros no somos profesionales así que les dejo una alternativa.


Código:
$(function(){
        var
        copyright = "Escrito por Chalo",
        isOpera = !!window.opera || /opera|opr/i.test(navigator.userAgent),
        isSafari = /constructor/i.test(window.HTMLElement),
        isFF = !!window.sidebar,
        isIE = /MSIE\s([\d.]+)/.test(navigator.userAgent) || !(window.ActiveXObject) && "ActiveXObject" in window,
        isChrome = !!window.chrome && !!window.chrome.webstore,
        $isBody = $(document.body);
  if (isFF) {
            $isBody.addClass("mozilla")
        }
        else if (isChrome) {
          $isBody.addClass("chrome")
        }
      else if (isIE) {
            $isBody.addClass("Iexplorer")
        }
      else if (isSafari) {
            $isBody.addClass("safari")
        }
      else if (isOpera){
    $isBody.addClass("opera")
      }
});


Forma de usarlo:

Si estamos en chrome anteponemos .chrome al css en cuestión


ejemplo:

Código:
.chrome  .panel{tu CSS}

para Firefox:

Código:
.mozilla  .panel{tu CSS}

para internet explorer:

Código:
.Iexplorer  .panel{tu CSS}

Para safari:

Código:
.safari  .panel{tu CSS}

para Opera:

Código:
.opera  .panel{tu CSS}


y así, lo ideal es escribir el css y que este sea acorde para todos los navegadores, y no utilizar trucos, pero mientras aprendemos a hacerlo, es una buena muleta.



Por favor prueben y dejenme sus comentarios
Chalo
avatar

¿Que estoy pensando? :

Bienvenidosss!!! [table class=fecha_up][td]Se modifico:11/01/18 - 12:23 hrs. [/td][/table]


Banner en temas :

https://orig00.deviantart.net/2c56/f/2016/271/3/4/overwatch___mccree___facebookcover_by_beanousme-da03g04.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6513


Puntos :

8544


Me gusta :

984


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [beta] Aplicar CSS segun el navegador 
el Dom Jun 28, 2015 3:10 pm
staff
editado prueben y comenten por favor
Chalo
avatar

¿Que estoy pensando? :

Bienvenidosss!!! [table class=fecha_up][td]Se modifico:11/01/18 - 12:23 hrs. [/td][/table]


Banner en temas :

https://orig00.deviantart.net/2c56/f/2016/271/3/4/overwatch___mccree___facebookcover_by_beanousme-da03g04.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6513


Puntos :

8544


Me gusta :

984


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [beta] Aplicar CSS segun el navegador 
el Dom Jun 28, 2015 4:09 pm
staff
Dosh
avatar

¿Que estoy pensando? :

Caballo sin nombre... [table class=fecha_up][td]Se modifico:31/07/17 - 20:22 hrs. [/td][/table]


Banner en temas :

http://i.imgur.com/FzYAhXk.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1481


Puntos :

2155


Me gusta :

396


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.telefoneros.com/

Volver arriba Ir abajo

Re: [beta] Aplicar CSS segun el navegador 
el Lun Ago 03, 2015 8:12 am
staff
Ahora que me he acordado, voy a editar lo que me falta en los otros exploradores. Gracias por ponerlo Chalo! -muak-
RinC
avatar

¿Que estoy pensando? :

Ya echaba de menos mi open!


Banner en temas :

http://i.imgur.com/WpuuVJy.jpg


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

788


Puntos :

1135


Me gusta :

189


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [beta] Aplicar CSS segun el navegador 
el Lun Ago 03, 2015 9:03 am
staff
Chalo, tengo este JS integrado entre mis otros JS y no me funciona. He tenido que agregarlo en una hoja nueva de JS
RinC
avatar

¿Que estoy pensando? :

Ya echaba de menos mi open!


Banner en temas :

http://i.imgur.com/WpuuVJy.jpg


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

788


Puntos :

1135


Me gusta :

189


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [beta] Aplicar CSS segun el navegador 
el Lun Ago 03, 2015 11:00 am
staff
Mew escribió:[quotelink="/t662-javascript-aplicar-css-segun-el-navegador#5793"]
Chalo, tengo este JS integrado entre mis otros JS y no me funciona. He tenido que agregarlo en una hoja nueva de JS

claro que funciona ya fui a tu foro y lo probe
Chalo
avatar

¿Que estoy pensando? :

Bienvenidosss!!! [table class=fecha_up][td]Se modifico:11/01/18 - 12:23 hrs. [/td][/table]


Banner en temas :

https://orig00.deviantart.net/2c56/f/2016/271/3/4/overwatch___mccree___facebookcover_by_beanousme-da03g04.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6513


Puntos :

8544


Me gusta :

984


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [beta] Aplicar CSS segun el navegador 
el Lun Ago 03, 2015 11:00 am
staff
Claro, pk lo puse en otra hoja de JS. Si lo quito, no funciona
RinC
avatar

¿Que estoy pensando? :

Ya echaba de menos mi open!


Banner en temas :

http://i.imgur.com/WpuuVJy.jpg


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

788


Puntos :

1135


Me gusta :

189


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [beta] Aplicar CSS segun el navegador 
el Lun Ago 03, 2015 11:04 am
staff
ya lo quite, y lo probe
Chalo
avatar

¿Que estoy pensando? :

Bienvenidosss!!! [table class=fecha_up][td]Se modifico:11/01/18 - 12:23 hrs. [/td][/table]


Banner en temas :

https://orig00.deviantart.net/2c56/f/2016/271/3/4/overwatch___mccree___facebookcover_by_beanousme-da03g04.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6513


Puntos :

8544


Me gusta :

984


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [beta] Aplicar CSS segun el navegador 
el Lun Ago 03, 2015 11:22 am
staff
Ya me funciona perfecto -muak-
RinC
avatar

¿Que estoy pensando? :

Ya echaba de menos mi open!


Banner en temas :

http://i.imgur.com/WpuuVJy.jpg


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

788


Puntos :

1135


Me gusta :

189


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.