1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Pagina de prueba montaje CSS

Tema en 'Revisión Sitios Web' iniciado por 23sato, 21 Sep 2006.

  1. 23sato

    23sato www.oscarblanco.net

    Esta paginita es solo una prueba que hicimos en la oficina, creando una hoja de estilos para un html cada uno de los diseñadores que trabajamos aca.
    Como lo que hacen en <a href="http://www.camaleoncss.com" target="_blank">CAMALEONCSS</a> y <a href="http://www.csszengarden.com/" target="_blank">CSSZENGARDEN</a>.

    Mi version fué esta: <a href="http://oscarblanco.net/chickensquad/chickensquad.htm" target="_blank">CHICKEN SQUAD SITE</a> (abreviado se lee css).

    En realidad la practica era mas para los chicos nuevos de la oficina, pero saque unas horas (ya que era permitido) y con esa excusa hice los 3d, luego algunas cosas en photoshop, y por ultimo el montaje html/css. La idea era divertirme un rato :D
     
  2.  
  3. adi

    adi Zen Moderator

    Jajaja, muy buena :D el nombre mucho mejor todavía :p

    Oye Sato, porqué es que parpadean los cuadros de los links cuando uno pone el cursor en la línea de abajo de ellos? es apropósito eso? :p
     
  4. 23sato

    23sato www.oscarblanco.net

    <!--quoteo(post=143446:date=Sep 21 2006, 01:09 PM:name=adi)--><div class='quotetop'>CITA(adi @ Sep 21 2006, 01:09 PM) [snapback]143446[/snapback]</div><div class='quotemain'><!--quotec-->
    Jajaja, muy buena :D el nombre mucho mejor todavía :p

    Oye Sato, porqué es que parpadean los cuadros de los links cuando uno pone el cursor en la línea de abajo de ellos? es apropósito eso? :p
    <!--QuoteEnd--></div><!--QuoteEEnd-->

    Si te fijas adi, es que el link "boton" sube un par de pixels cuando le haces "hover"
    Asi pues, lo que sucede es que si te colocas en el borde inferior, el link completo se mueve arriba, pero al irse arriba, ya no estas sobre el link, asi que se desactiva, al desactivarse vuelve a bajar, pero denuevo sucede el efecto de "hover" y denuevo se desplaza arriba y a la izquierda, etc, etc etc, por eso te da el efecto de parpadeo. ;)
    Existen formas de evitar esto, pero si nos vamos a poner en asuntos de usabilidad y de W3C, podriamos empezar por el tamaño de la pagina que esta demasiado grande jajajaja. Fue solo por diversion, mi preocupacion no era usabilidad, solo estética y juego con posicionamiento y efectos que se pueden lograr con css (sin tocar el html, o hubiese hecho mas cosas como lo que le hice al sitio que trabajo en mi tiempo libre para <a href="http://www.costaricaultimate.com" target="_blank">Ultimate Frisbee Costa Rica</a>)
     
  5. adi

    adi Zen Moderator

    Ahhhhhhhhhhhhhhhhh, jajaajaja, verdad que si :D
    No pensé en eso :p

    Me gustó lo de la sombra en el menú de esa que pusiste :D
     
  6. Blackarcangel

    Blackarcangel Nuevo usuario

    muy buena idea me gusto mucho XD
     
  7. kahlito

    kahlito Nuevo usuario

    Hola 23sato, no había visto esta web, muy buena :arriba:
     
  8. 23sato

    23sato www.oscarblanco.net

    Gracias por los comentarios :)
     


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·