Artículos de css

55 artículos de css encontrados(0.015 segundos)

CSS práctico (1 capítulos)   (0)

Con CSS puedes formatear tus páginas web separando completamente el contenido de la presentación. Es la base del XHTML.

Cap 1 Consejos para hacer CSS mas practico   para IE 6. Para incluir la hoja de estilos de IE utilizo los comentarios condicionales , de forma que queda algo así como: Código: @import "css2_valido.css";                   ¿Y qué pasa con IE 5 y 5.5? Muchas correcciones para IE 6 también

Autor: morris - 08 de Marzo de 2006

Maquetar con CSS: dejando atrás las tablas (5 capítulos)   (0)

Una de las razones por las que se duda en evolucionar un diseño desde la maquetación mediante tablas a la utlización de CSS, es la incompatibilidad con antiguos navegadores, especialmente Netscape 4. ¿Por qué seguir los estándares? ¿Qué hacer con estos navegadores “incompatibles”?

Cap 1 Maquetar con CSS: dejando atras las tablas   Netscape 4, (1997), ha sido la pesadilla de muchos programadores por su alejamiento de los estándares de programación definidos en el año 96 por el W3C (CSS-1). Tener en tu lista de navegadores la versión 4 de NS implicaba un dominio de Javascript, CSS y HTML.------Este problema era traspasado Cap 2 Ventajas de desarrollar para navegadores estandar   que otras dando aún mayor sensación de velocidad.------**Mantenimiento:** el cambio de aspecto del sitio resulta mucho más sencillo al estar todas las normas de presentación ubicadas en un punto único: las hojas CSS.------**Posibilidad de control por parte del usuario:** como en el caso de [[http

Autor: César Martín - 31 de Agosto de 2005

Diseñando Formularios con CSS (4 capítulos)   (0)

En este artículo, veremos la variedad de caminos con los cuales podemos hacer formularios atractivos para nuestros sitios y servicios web usando sencillamente CSS.

Cap 2 Diseñando Formularios con CSS (II Parte   "" Después de haber visto como diseñar un formulario de identificación , veamos ahora como darle vida a uno de registro, sin tablas, pero con unas pocas líneas de código css, y como siempre, muy fácil de personalizar. Empecemos viendo como se verá nuestro diseño: Muy bueno verdad Cap 1 Diseñando Formularios con CSS (I Parte   "" En este artículo, veremos la variedad de caminos con los cuales podemos hacer formularios atractivos para nuestros sitios y servicios web usando sencillamente CSS. Los formularios son parte importantes, pero poco elegantes, de muchos sitios. CSS hace más fácil la creación de formularios Cap 4 Un poco de CSS   "" Dentro de las etiquetas head, colocamos lo siguiente: #registro {width:360px; padding:10px; margin:15px; border: 2px dashed #D7AAEC;background-color:#D7AAEC;} #registro fieldset {border:0;background-color: #E4C6F2; padding:10px 20px;} #registro legend{font: bold 16px Arial, sans-serif;col

Autor: Balú - 11 de Agosto de 2006

Hojas de estilo (CSS) - guía basica - ejemplos (4 capítulos)   (0)

Usar CSS para diseñar la presentación del contenido. Planificar es parte de la estrategia de éxito. Validar con w3.org y tener en cuenta los bugs.

Cap 1 Usar CSS para diseñar la presentación del contenido   pagina en el site.------El ejemplo típico son los menús donde para mostrar 5 enlaces, son necesarios 10kbs de código.------Abandonando el antiguo método y **abrazando las CSS ganaremos 2 cosas**.~- Agilidad en la producción tanto desde la creación de nuevo contenido como desde el punto de vista Cap 4 Enlaces relacionados   ~- [[http://jigsaw.w3.org/css-validator Validator]]--- ~- [[http://www.w3.org/Style CSS]]--- ~- [[http://www.mozilla.org/docs/dom/samples Samples Mozilla]]--- ~- [[http://www.w3.org/StyleSheets/Core/preview Styles w3.org]]--- ~- [[http://directory.google.com/Top/Computers/Programming/Internet Cap 3 Validar con w3.org y tener en cuenta los bugs   Validar según las normas de w3.org no es fácil. La mejor táctica es usar CSS que validen y de ahí modificar lo que sea necesario para acomodar el estilo a nuestras preferencias.------Existen problemas de interpretación entre navegadores y existen bugs que no se pueden corregir. Si bien no crean

Autor: César Martín - 22 de Febrero de 2006

CSS Reutilizable con PHP (2 capítulos)   (0)

En un artículo anterior aprendimos como se pueden cambiar los CSS dinámicamente con PHP. Aunque algo limitado, nos sirvió para introducirnos en una aplicación más compleja conocida como PHP Styleswitcher. En este artículo usted aprenderá como dar a sus usuarios el control sobre la apariencia de su sitio Web.

Cap 2 CSS Reutilizable con PHP   "" En un artículo anterior aprendimos como se pueden cambiar los CSS dinámicamente con PHP. Aunque algo limitado, nos sirvió para introducirnos en una aplicación más compleja conocida como PHP Styleswitcher. En este artículo usted aprenderá como dar a sus usuarios el control sobre Cap 1 CSS Reutilizable con PHP (Parte I   "" Es normal encontrar preguntas acerca de la reutilización de CSS con PHP (CSS Dinámico). Algo que siempre me interesó. Actualizado: Hemos publicado la Segunda Parte (Como utilizar PHP StyleSwitcher v.2) . El CSS tiene como concepción el diseño, la presentación o la disposición

Autor: Balú - 11 de Agosto de 2006

Menú Rollover con CSS y una sola imagen (4 capítulos)   (0)

La facilidad con la que se pueden diseñar distintos tipos de rollovers en CSS nos ha facilitado el trabajo, ya no es necesario incluir código javascript ni crear distintas imágenes para poder hacer un menú atractivo y prolijo, sin embargo, hasta el momento no es común encontrar artículos que traten sobre el background-position en la creación de rollovers con CSS

Cap 1 Menú Rollover con CSS y una sola imagen   "" La facilidad con la que se pueden diseñar distintos tipos de rollovers en CSS nos ha facilitado el trabajo, ya no es necesario incluir código javascript ni crear distintas imágenes para poder hacer un menú atractivo y prolijo, sin embargo, hasta el momento no he podido leer ningún artículo Cap 3 Creación del Rollover con CSS   "" En que consiste nuestro diseño, primero en eliminar los estilos, márgenes y relleno propios de toda lista xhtml, luego definir cada item de la lista como bloque, pues sólo se puede determinar la posición de un background cuando se aplica a un bloque, y finalmente, aplicar el background-position d Cap 2 Creación de la Imagen   "" Lo primero es crear la imagen que escalaremos con el css, para esto utilizamos cualquier editor de imágenes, en este caso estoy usando Fireworks MX 2004 y con tan sólo un par de minutos ya esta creada la imagen. Lo importante de la creación de este archivo es la delimitada alineación

Autor: Balú - 11 de Agosto de 2006

Hacks para CSS y Cómo detectar el navegador (1 capítulos)   (0)

Más y más diseñadores Web han dejado el uso de las tablas, para controlar el diseño de su sitio web con CSS. Pues, con las muchas ventajas que esto ofrece como el menor tiempo de transferencia directa, la mejor accesibilidad y un manejo más fácil del sitio ¿Por qué no?

Cap 1 Hacks para CSS y Cómo detectar el navegador   "" Más y más diseñadores Web han dejado el uso de las tablas, para controlar el diseño de su sitio web con CSS. Pues, con las muchas ventajas que esto ofrece como el menor tiempo de transferencia directa, la mejor accesibilidad y un manejo más fácil del sitio ¿Por qué no? Sin embargo, el CSS

Autor: Balú - 09 de Agosto de 2006

CSS vs XSL: La mejor hoja de estilos (1 capítulos)   (0)

CSS y XSL son dos lenguajes con los que se puede formatear un fichero XML (RSS), haciéndolo legible al usuario. Hacerlo con CSS no es nada complicado, ya muchos lo utilizamos para el diseño de las páginas HTML. Por el contrario, XSL es muy poco usado, aunque más potente que el CSS.

Cap 1 CSS vs XSL: La mejor hoja de estilos   "" CSS y XSL son dos lenguajes con los que se puede formatear un fichero XML (RSS), haciéndolo legible al usuario. Hacerlo con CSS no es nada complicado , ya muchos lo utilizamos para el diseño de las páginas HTML. Por el contrario, XSL es muy poco usado, aunque más potente que el CSS

Autor: Balú - 09 de Agosto de 2006

Alternar Color de Filas con CSS (2 capítulos)   (0)

Una manera de lograr el cambio del color de una fila cuando el mouse pasa sobre ella, muy simple, es usando la pseudo clase e:hover.

Cap 1 Alternar Color de Filas con CSS   a utilizar esta pseudo-clase cuando el cursor se mueva por encima de una tabla generada por el elemento . LLevando la teoría al código, el css sería: .tabla tr:hover { background-color:"#E0FAC5" } Desafortunadamente, e:hover no funciona en Internet Explorer (incluida la versión 6 Cap 2 USANDO JAVASCRIPT PARA CAMBIAR LAS CLASES   "" Para cambiar una fila con un mouseover en Internet Explorer, se debe aplicar en primer lugar el cambio de estilo a una clase, en este caso llamaremos a nuestra clase: hilite, el código CSS sería: .tabla tr:hover, .tabla tr.hilite { background-color: #DFE7F2; color: #000000; } Luego

Autor: Balú - 11 de Agosto de 2006

Menú Vertical Desplegable con CSS y JavaScript (4 capítulos)   (2)

Este es un excelente efecto que le podemos dar a nuestros menús desplegables, les explicamos como elaborar un muy atractivo menú vertical de barras desplegables, tranformando una lista, con cambio de background rollover y despazamiento visible de los submenus.

Cap 2 SOBRE EL CSS Y LAS DOS IMAGENES   "" Una vez creado el documento del contenido de nuestro menú vertical, debemos elaborar el código para poder darle forma de menú a nuestra lista, para ello crearemos un archivo css, al que llamaremos "menu.css", y en él escribiremos el código necesario para que nuestro menú pueda ser visto Cap 1 Menú Vertical Desplegable con CSS y JavaScript   "" Para obtener este efecto vamos a utilizar html, css, y javascript que cree la animación, este menú funciona tanto en Internet Explorer como en Firefox. EL EVENTO ONLOAD Y LA LISTA HTML El archivo html va a ser el que muestre el menú, por lo que en primer lugar colocamos un evento onload

Autor: Balú - 11 de Agosto de 2006