Mi sitio

Menú del sitio
[ Mensajes nuevos · Participantes · Reglas del foro · Búsqueda · RSS ]
Página 1 de 11
MP Designs - Comunidad de Diseño Grafico y Desarrollo web » Zona Hi5 » Codigos » Como poner codigos CSS [HI5Beta]
Como poner codigos CSS [HI5Beta]
Mr-PatoFecha: Viernes, 2009-12-04, 5:37 AM | Mensaje # 1
Administrador
Grupo: Administradores
Mensajes: 28
Reputación: 1
Estatus: Desconectado
Bueno amigos para abilitar los codigos debemos hacer lo siguiente:

Coloca esto sobre los codigos CSS y listo, tu Hi5 volvera a aceptar los codigos CSS, aunque yo estoy seguro que Hi5 si lo piensa bien va a volver los codigos CSS :

Codigo a insertar:

Code

<!--["return false"]>

Tu codigo CSS aqui

<![endif]-->

Zaludos!! bye

 
Fallenangel2000Fecha: Sábado, 2009-12-05, 5:46 AM | Mensaje # 2
Nuev@
Grupo: Usuarios
Mensajes: 6
Reputación: 1
Estatus: Desconectado
Esta muy bueno men
 
EFrendFecha: Miércoles, 2009-12-09, 8:26 AM | Mensaje # 3
Super Moderador
Grupo: Super Moderadores
Mensajes: 2
Reputación: 1
Estatus: Desconectado
Bueno hago un pequeño seguimiento ah este tema con la finalidad de que los usuarios entiendasn un poco mejor esto:

Como ustedes sabran hace un parde meses que hi5 lanzo nuevas actualizaciones de las cuales podriamos darnos cuenta tanto de una nueva interfaz, asi como nuevas modalidades en el mismo..
Una de estas modalidades mas importantes quiza para nosotros es que ahora hi5 no acepta codificaciones en nuestros perfiles del cual puedan dañar la estructura del mismo..
Y por ello tanto hi5 como los diversos foros que se encargan o tienen una tematica para la creacion de codigos han perdido actividad y estabilidad..

Sin embargo en cuanto comenzo esta actualización muchos usuarios comenzaron con las controversias sobre el tema y fueron viendo la manera de encontrar soluciones a todo esto..

Es por eso que realizo este tema.. (simplemente para tratar de dar seguimiento al mismo con soluciones que ustedes encuentren)

Por ahora yo les traigo una solucion que ah empesado a rondar por las diferentes comunidades de la Red..

Se trata de usar Hack en el lenguaje CSS y HTML
En realidad existen hack para cada navegador existente.. pero al parecer es mucho mas facil aplicarlo con IE (Internet Explorer)..
En lo personal a mí no me gusta usar IE pero de ser asi debemos hacerlo..

Para comenzar daré una breve explicación de lo que estarémos trabajando para dar soluciones proximas:

Primeramente sabemos que al trabajar con hojas de estilo CSS tiene sus ventajas y desventajas..
para ir directo al punto, el problema o desventajas de estas son las diferentes visualizaciones que nos proporciona cada navegador al aplicarlo..

por ejemplo:

sabemos que si queremos dar un estilo visual al contenido de "nuestras webs" por decirlo asi, es necesario aplicar un codigo referencial a lo que queremos realizar..
el caso es que al visualizarlo con los diferentes navegadores existentes notaremos cambios muy distintos y que a la ves pueden ser perjudiciales o desagradables para el usuario..

para ser mas concreto daré el siguiente ejemplo:

si nosotros deseamos poner un espacio de 23 píxeles entre el header y el contenido.. en IE se vería bien, pero en otros navegadores como Firefox, Opera ó Safari, el espacio se vera algo diferente (quiza mas grande de lo previsto)

Para conseguir el mismo espacio deberiamos colocar 10 píxeles.. entonces, para obtener una buena visualización para todos los navegadores, deberíamos colocar:

Code

#header {margin-bottom:23px}
#header {margin-bottom:10px}

El primer comando va ser requerido por IE y el segundo por el resto de navegadores..
Aclaro esto porque como ustedes saben cada navegador tiene diferentes reglas para entender codificaciones CSS

Ahora bien, insertando un hack CSS podemos realizar nuestra detección del navegador y ocultar la segunda regla solo para IE.. es decir, IE no sabra que la segunda regla existe y por lo tanto no la utilizará..

El hack en este caso no es mas que un comando que IE no podra entender aplicado a nuestro codigo:

usaremos html<body

entonces usando nuestro codigo anterior, nuestro CSS quedaria asi:

Code
#header {margin-bottom:23px}
html>body #header {margin-bottom:10px}

donde: html<body sera nuestro comando hack y que del cual con esto IE no podra leér la segunda regla de nuestro codigo.. entonces por consiguiente solo aplicara la primera que seria esta parte:

Code
#header {margin-bottom:23px}

mientras que los demas navergadores utilizaran la segunda regla que en este caso es esta:

Code
#header {margin-bottom:10px}

Es así como funcionan los hack.. tan solo esto es una breve explicación de como estariamos trabajando en caso de que los usuarios quieran personalizar sus perfiles..

-----------------------------------------------------------------------------------------------

Ahora bien como complemento a lo que ya menciono Mr Pato aquí otra explicación:

Hack exclusivo para Mozilla Firefox (MFF):

Code

<!--["return false"]>
códigos adjuntados aquí
<![endif]-->

Lo unico que tenemos que hacer es insertar un codigo(s) de los cuales ya conocemos entre las etiquetas hack..

para ser mas concreto aquí un ejemplo:

Code
<style>
.friend-picture {height:87px !important;width:87px!important;margin-left:0px}
.friend-picture img {height:100px !important;width:100px!important;}
</style>

el codigo anterior es para agrandar la foto de nuestros amigos..
entonces al aplicarlo en nuestro perfil quedara de la siguinte manera:

Code
<!--["return false"]>
<style>
.friend-picture {height:87px !important;width:87px!important;margin-left:0px}
.friend-picture img {height:100px !important;width:100px!important;}
</style>
<![endif]-->

Recuerden que

Code
<!--["return false"]>
y
Code
<![endif]-->
son las etiquetas hack y sin ellas no servira de nada nuestro codigo..


Ahora para Internet Explorer (IE):

Code

<!--[if IE ]><body="return false">
códigos adjuntos aquí
<![endif]-->

como su nombre lo dice este solo podra ser vicible con IE..
y funciona de la misma manera..

Hasta el momento es todo y espero les sea de ayuda
saludos!

PD: si alguien tiene diferentes formas o soluciones porfavor no duden en postearlas aquí.. cualquier duda y comentario seran bienvenidas.

 
Mr-PatoFecha: Miércoles, 2009-12-09, 8:31 AM | Mensaje # 4
Administrador
Grupo: Administradores
Mensajes: 28
Reputación: 1
Estatus: Desconectado
Bueno men grax por complementar este tema asi los novatos entenderan un poco mas sobre esta situacion... ok
Zaludos!! bye
+ REP
 
MP Designs - Comunidad de Diseño Grafico y Desarrollo web » Zona Hi5 » Codigos » Como poner codigos CSS [HI5Beta]
Página 1 de 11
Búscar:



Copyright MyCorp © 2017