Soluciones para Hi5 Beta (Argumentos)

Tema en 'Foro Libre' iniciado por lRay, 18 Nov 2009.

  1. lRa

    lRay
    Expand Collapse
    Teniente Coronel

    Mensajes:
    1.094
    Me Gusta recibidos:
    6
    Hola a todos!

    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:

    Código:
    #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:

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

    Código:
    #header {margin-bottom:23px}
    mientras que los demas navergadores utilizaran la segunda regla que en este caso es esta:

    Código:
    #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..

    Vuelvo a recordar que porfavor espero contar con el buen seguimiento a este tema para poder dar soluciones a nuestros usuarios

    saludos!
     
  2. lRa

    lRay
    Expand Collapse
    Teniente Coronel

    Mensajes:
    1.094
    Me Gusta recibidos:
    6
    Bueno estos días eh estado realizando pruebas para poder dar estilos a nuestros perfiles (con los hack ya mencionados)
    eh visto varias maneras de usar los hack.. y tambien navegando en la red y gracias a un compañero de Pympy ah surgido una manera mas sencilla de utilizar estos hack..

    A continuación les muestro como:

    Hack exclusivo para Mozilla Firefox (MFF):


    Código:
    <!--["return false"]>
    [COLOR=Red]códigos adjuntados aquí[/COLOR]
    <![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:


    Código:
    <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:


    Código:
    [COLOR=Red]<!--["return false"]>[/COLOR]
    <style>
    .friend-picture {height:87px !important;width:87px!important;margin-left:0px}
    .friend-picture img {height:100px !important;width:100px!important;}
    </style>
    [COLOR=Red]<![endif]-->[/COLOR]
    Recuerden que lo de rojo son las etiquetas hack y sin ellas no servira de nada nuestro codigo..


    Ahora para Internet Explorer (IE):

    Código:
    <!--[if IE ]><body="return false">
    [COLOR=Red]códigos adjuntos aquí[/COLOR]
    <![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.
     
  3. Kaz

    Kazuya
    Expand Collapse
    Mayor

    Mensajes:
    872
    Me Gusta recibidos:
    1
    Muy Bueno E.Frend Pero Dime Los Codes Son Tuyos? xD

    :pensando:
     
  4. lRa

    lRay
    Expand Collapse
    Teniente Coronel

    Mensajes:
    1.094
    Me Gusta recibidos:
    6
    Aquí hablo de Hacks en general.. y estos existen ya desde hace un largo tiempo en el lenguaje CSS
    Ademas no se si leiste todo pero mencione esto:


    saludos!
     
  5. zer

    zerio
    Expand Collapse
    Recluta

    Mensajes:
    8
    Me Gusta recibidos:
    0
    no ma we
    te la rifazte
    qe xido code
    perfecto man

     
  6. DiL

    DiLaNXCiTo
    Expand Collapse
    Recluta

    Mensajes:
    10
    Me Gusta recibidos:
    0
    Uf esk no me fije bien ... esxpero k no sea spam .... pero solo keria avisar de antemano!
     

Compartir esta página