Todo Para el WebMaster

Un lugar donde se puede encontrar temas relacionados con la programación, el diseño y el desarrollo web.


Efecto estatico con CSS

este texto esta estatico....


Esto surgio con la necesidad de crear un menu estatico a pedidio de un cliente;
en un primer momento se cree que va a resultar un poco complicado, tal vez, hasta necesario utilizar javascript.

Pero encontre una solución al problema de una manera asombrosamente simple.... CSS.

Como primer paso creamos el div que va a contener el texto estatico.
<div class="static-id"></div>
Aqui el contenido estatico....
</div>

Ahora vemos a continuación el codigo CSS.
static-id {
position: fixed;
}

Tal vez seria mucho mas simple de la sguiente manera.
<div style="position: fixed;"></div>
Aqui el contenido estatico....
</div>

Ejemplo de menu estatico.

Solo tiene un pequeño problema, no funciona en IE6.
Espero les sea de utilidad, o por lo menos educativo.

This entry was posted on 18:30 and is filed under CSS . You can follow any responses to this entry through the RSS 2.0 feed. or trackback from your own site.

Marcadores:
  • enchilame
  • enchilame
  • enchilame
  • Agregar a Meneame
  • facebook
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks




Entrada más reciente Entrada antigua Página principal
Blogalaxia BlogESfera Directorio de Blogs Hispanos - Agrega tu Blog


  • Categorias

    • Aplicaciones Utiles (4)
    • Aplicaciones Web (7)
    • codeigniter (2)
    • Codigos y Scripts (29)
    • CSS (4)
    • Diseño (23)
    • Fonts / Fuentes (6)
    • Herramientas (11)
    • joomla (2)
    • Manuales y Libros (3)
    • Obten dinero (4)
    • seguridad (1)
    • SEO (3)
    • Servidores (8)
    • Sistemas Operativos (3)
  • Suscribirse

    Entradas
    Atom
    Entradas
    Comentarios
    Atom
    Comentarios

    Archivo

    • ►  2011 (1)
      • ►  febrero (1)
        • HTML Purifier - Seguridad y control en envio de da...
    • ►  2010 (1)
      • ►  febrero (1)
        • Grandes soluciones para IE 6,7,8
    • ►  2009 (7)
      • ►  octubre (1)
        • Joomla Day Buenos Aires, Argentina
      • ►  mayo (2)
        • Libreria para crear un lector de feed en Codeignit...
        • Primeros pasos en CodeIgniter
      • ►  marzo (3)
        • Paginas Flash con solo unos clicks
        • Mejora los ingresos de tu sitio
        • Clon de Taringa Liberado
      • ►  enero (1)
        • HTML Ipsum
    • ▼  2008 (46)
      • ▼  noviembre (3)
        • La Matrix corriendo bajo windows
        • ToolTips Personalizados con CSS
        • Efecto estatico con CSS
      • ►  octubre (3)
        • Efecto de Transparencia con CSS
        • Crear un Simple y Efectivo Slider
        • smush it - Optimizar la Carga de imagenes en tu we...
      • ►  septiembre (5)
        • htaccesseditor - Editar archivos .htaccess facil, ...
        • Wiriki - Potente herramienta SEO on-line y gratis
        • Typechart - CSS para tus fuentes
        • TableKit - Tablas tipo excel en tu web mediante AJ...
        • GenFavicon - Generador de favicones
      • ►  junio (1)
        • Prototip 2 - Crear ToolTips realmente asombrosos
      • ►  mayo (2)
        • WaveMyPic - Efecto de Agua en movimiento en tus fo...
        • Templates Feed - Plantillas y Themes gratis
      • ►  abril (6)
        • File Dropper - comparte archivos de 5 Gigas gratis...
        • Fontcubes - Excelente Colección de Fuentes
        • CSSTXT - Personalizar textos de forma simple
        • Windows Vista lite booteable desde Pendrive USB
        • Windows Xp lite booteable desde Pendrive USB
        • Page Peel Effect - Agregar dobles en las esquinas ...
      • ►  marzo (6)
        • IzzyMenu - Crear menús CSS fácilmente
        • Bitnami - Instalar CMS sin Utilizar un Servidor Lo...
        • 5 Sistemas Libres Para Montar tus Redes Sociales
        • FlowPlayer - Reproductor de Video Para tu Web
        • Busca tu fuente con Searchfreefonts
        • Tu Propia Herramienta Para comprobar el Pagerank e...
      • ►  febrero (13)
        • PhpMotion - Tu Propio Youtube
        • Miniajax - Pequeños Scripts Para Descargar
        • GetBoo, tu propio del.icio.us
        • PhatFusion - Herramientas dinamicas con MooTools
        • Barra de progreso en ajax
        • mooSlideBox v3 - Un lightbox distinto
        • Descubriendo todo el potencial de AdSense
        • ZoomClouds - Nube de Tags para RSS
        • Link Diagnosis - Analizar Link y su PageRank
        • Fawnt - Fuentes Gratis
        • ShoutMix - Pequeño Chat para tu blog
        • Corroborar si los email son validos o no
        • Plantillas web gratis
      • ►  enero (7)
        • YouSwap, envío de archivos de hasta 1 GB
        • Crea tus logos 2.0 online
    • ►  2007 (39)
      • ►  diciembre (1)
      • ►  octubre (2)
      • ►  septiembre (36)

Todo Para el WebMaster © 2008