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? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://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? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://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? :

Vuelve el hijo prodigo...


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1516


Puntos :

2203


Me gusta :

409


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? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1142


Me gusta :

193


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? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1142


Me gusta :

193


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? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://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? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1142


Me gusta :

193


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? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://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? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1142


Me gusta :

193


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.