Bordes con puntos Marzo 31, 2008
Publicado por lineadecodigo en : CSS , 2 comentariosMediante este sencillo ejemplo veremos como podemos crear bordes con puntos. Los cuales podremos aplicar a múltiples objetos de nuestra página HTML.
Los bordes se pueden configurar mediante el atributo border-style. Cuando queremos que el borde sea con puntos deberemos de utilizar el valor "dotted".
Crear estilos CSS on-line Enero 21, 2008
Publicado por lineadecodigo en : CSS, JavaScript , Hasta ahora 1 comentarioEn un procedimiento de diseño estándar lo más normal es que al mismo tiempo que definimos cómo será nuestra página vamos creando nuestras hojas de estilo CSS. De tal manera, cada vez que se realice una petición sobre la página, se descargue la hoja de estilos asociada.
Si bien, manipulando el DOM de la página podemos conseguir unos efectos interesantes, ya que podemos crear estilos CSS on-line.
Cursor personalizado en CSS Enero 10, 2008
Publicado por lineadecodigo en : CSS , Añadir un comenarioMediante CSS podemos modificar el comportamiento del cursor. De una forma básica mediante las las opciones básicas que nos ofrece CSS para cursores o bien indicando un cursor personalizado.
Lo primero será hacernos con un cursor. Estos archivos tienen la extensión .cur. Si bien, la especificación CSS no entra a especificar el formato del cursor. Incluso indica que podría ser un formato SVG.
Subrayado con puntos en CSS Enero 9, 2008
Publicado por lineadecodigo en : CSS , Añadir un comenarioPor defecto, la mayoría de los navegadores utilizan un subrayado de una línea para mostrar los enlaces que tiene nuestra página web. Las hojas de estilo CSS nos permiten modificar este comportamiento y dotar a los elementos de una página (enlaces incluidos) del diseño que más nos guste.
Lista CSS de números romanos Enero 5, 2008
Publicado por lineadecodigo en : CSS , 4 comentariosLas listas ordenadas en HTML se representan mediante la etiqueta OL. Y mediante el uso de CSS podemos alterar el tipo de lista ordenada que queremos que sea.
Para ello tenemos la propiedad list-style-type. Con ella podremos indicar que los números de la lista sean romanos. Además podemos indicar que sean en mayúsculas o minúsculas. Es por ello que tenemos dos valores para la propiedad list-style-type: upper-roman para las mayúsculas y lower-roman para las minúsculas.
Incrementar items de una lista HTML de dos en dos Enero 3, 2008
Publicado por lineadecodigo en : CSS , Añadir un comenarioComo pudisteis leer en el artículo "Número de inicio de una lista con CSS", la gestión de contadores en CSS nos permite alterar el comportamiento estándar de las listas ordenadas en HTML.
Por defecto las listas ordenadas empiezan con el valor 1 y se van incrementando de uno en uno. Nos apoyaremos en la propiedad counter-increment para alterar este comportamiento.
Número de inicio de una lista con CSS Enero 1, 2008
Publicado por lineadecodigo en : CSS , Hasta ahora 1 comentarioEl elemento OL nos sirve, en HTML, para crear listas ordenadas. Es decir, los elementos van antecedidos de un número que indica su orden. Asignándole el número 1 al primer elemento de la lista.
En las primeras versiones de HTML, mediante un atributo podíamos modificar el valor de inicio de la lista. Posteriormente fue declarado como obsoleto y asignado al lenguaje CSS dicho cometido.
Para poder modificar el número de inicio de una lista tendremos que utilizar las propiedades de contadores (counter-reset y counter-increment) sobre el elemento OL.
Definir el tamaño de una imagen con CSS Diciembre 9, 2007
Publicado por lineadecodigo en : CSS, HTML , Añadir un comenarioLo más normal es apoyarnos en el lenguaje HTML para definir el tamaño de una imagen. Si bien, otra alternativa es utilizar estilos CSS para definir el alto y ancho de una imagen.
En este caso podemos definir una clase CSS, la cual aplicaremos dependiendo de las necesidades.
Poner un color de fondo a nuestra web Diciembre 7, 2007
Publicado por lineadecodigo en : CSS , Hasta ahora 1 comentarioSi queremos poner un color de fondo a nuestra página web tendremos que utilizar los estilos CSS. Antiguamente, aunque funciona por compatibilidad, el lenguaje HTML nos permitía hacerlo de una forma muy sencilla mediante el atributo background de la etiqueta BODY.
Si bien, con CSS, tampoco es muy complicado. Los colores se especifican mediante la propiedad background, la cual admite o colores o referencias a imágenes para utilizarlas como fondo en nuestra página web.
Formato de texto por defecto con CSS Diciembre 5, 2007
Publicado por lineadecodigo en : CSS , Añadir un comenarioCuando carguemos una página web en nuestro navegador, el formato de texto que se utilizará por defecto será el que indique las propiedades del navegador. Esto sucederá siempre y cuando la página web no indique nada al respecto.