LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Tema Ubuntu
Crear compatibilidades con todos los navegadores. EmptyMar Feb 27, 2024 10:22 am por hoanglongnhatbao

» [PHPBB3] Fondo y otros efectos al texto llamado "Por X" debajo de los titulos de los post.
Crear compatibilidades con todos los navegadores. EmptyMar Mayo 30, 2023 8:52 am por hoanglongnhatbao

» Skin: Academy [Adaptado por: 15-tronos]
Crear compatibilidades con todos los navegadores. EmptyMar Mayo 30, 2023 8:47 am por hoanglongnhatbao

» [PHPBB3] KN-Anime - VAngel.
Crear compatibilidades con todos los navegadores. EmptyMar Mayo 30, 2023 8:46 am por hoanglongnhatbao

» [PHPBB3] Element Professional Style
Crear compatibilidades con todos los navegadores. EmptyMar Mayo 30, 2023 8:45 am por hoanglongnhatbao

» Menu minimalista
Crear compatibilidades con todos los navegadores. EmptyMar Mayo 30, 2023 8:44 am por hoanglongnhatbao

» [Todas] Efecto Slider Transition en el Logo
Crear compatibilidades con todos los navegadores. EmptyMar Mayo 30, 2023 8:43 am por hoanglongnhatbao

» [PHPBB3] Mejores Posteadores flotantes.
Crear compatibilidades con todos los navegadores. EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

» [phpbb3] Agrandar el nombre de usuario en el perfil
Crear compatibilidades con todos los navegadores. EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

Estadísticas
Tenemos 2351 miembros registrados
El último usuario registrado es Jhunky

Nuestros miembros han publicado un total de 41254 mensajes en 3360 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 1 de 1.]


Toreto

Toreto
+100 post
Cuando estaba metido en el ambiente del desarollo web y todo esto, cree un tutorial sencillo para un servidor de hosting que es PWG, no se si lo conoceran pero buena, es pasado -.-.

A muchos nos pasa que al colocar un elemento css a nuestra pagina, no es compatible con todos los navegadores. Obviamente el elemento que nosotros colocamos son estilizados por CSS. Pero a veces nos olvidamos de los distintos atributos que hacen que lleguen a ser compatibles con navegadores como Chrome, Safari, FireFox y Opera. IE no.

Las propiedades que podemos usar para los navegadores son:

-webkit- (Google Chrome-Safari)
-moz- (Mozilla FireFox)
-o- (Opera)
Internet explorer no se por que razon no existe una forma de compatibilidad .

¿Como usar las propiedades?
Las propiedades tienen un uso muy facil, no se requiere de mucho conocimiento.


#rotaralgo{
transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
Como vemos en los colores de cada propiedad, son compatible con:
-webkit- Google Chrome-Safari
-moz- Mozilla FireFox
-o- Opera

Si queremos usar por ejemplo el siguiente código:
Código:
box-shadow: 0 0 5px rgba(0,0,0,.25);

¿Pero como hacerlo compatible?
Es fácil, copiamos los códigos para cada navegador uno abajo de otro.
.nosequeponer
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.25);
-o-box-shadow: 0 0 5px rgba(0,0,0,.25);
y listo, es solo poner el código que queramos para cada navegador y seguido del código css que queramos.

El tutorial fue creado por mi Canchero


Juan

Juan
I ♥ WD
Gracias por el aporte, realmente útil.

http://www.webdesignforo.net/

Fernando

Fernando
Mod.Gráficos
Esto no sé si es totalmente cierto, pero veré que dice winth o alguno Lengua Afuera
Gracias por aportar.

http://www.webdesignforo.net/

Winth

Winth
I ♥ WD
Muchas Gracias por el aporte;)


cruzitovlf

cruzitovlf
Soy new user
dejame ver


cruzitovlf

cruzitovlf
Soy new user
posteo


Contenido patrocinado


Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

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