Maestros del Web » Federico Elgarte

Generando un Scroll con hojas de estilo

Federico Elgarte — Mon, 24 Oct 2005 00:00:00 +0000

En esta oportunidad les enseñaré la propiedad Overflow de CSS capaz de generar un scroll cuando el contenido dentro de un elemento excede las propiedades de su ancho y su alto. Podemos usar la propiedad Overflow si queremos tener un mayor control sobre nuestras capas. Para que Overflow funcione correctamente hay que definir las siguientes […]

The post Generando un Scroll con hojas de estilo appeared first on Maestros del Web.

Cambiando el Cursor del Mouse

Federico Elgarte — Mon, 19 Sep 2005 00:00:00 +0000

Nuestro sistema operativo posee cursores por defecto. En Windows podemos encontrar varios cursores que se activan cuando pasamos por "ciertas zonas" de nuestra pantalla. Por ejemplo, cuando nos posicionamos sobre un link, la típica flechita (denominada default en CSS) cambia por la manita ( pinter ). Como en el ejemplo anterior, podemos encontrar decenas de […]

The post Cambiando el Cursor del Mouse appeared first on Maestros del Web.

Menú con efecto onmouseover con CSS

Federico Elgarte — Tue, 26 Apr 2005 00:00:00 +0000

¿Para qué utilizar javascript cuando la solución está en CSS? El siguiente estilo nos permite crear un menú similar a los de javascript, en donde representamos su estado de reposo (out) con un color y su estado sobre (over) con otro. Código CSS <style type="text/css"> #menu div.barraMenu, #menu div.barraMenu a.botonMenu { font-family: sans-serif, Verdana, Arial; […]

The post Menú con efecto onmouseover con CSS appeared first on Maestros del Web.

Capas visibles e invisibles

Federico Elgarte — Tue, 08 Mar 2005 00:00:00 +0000

Como primera instancia hay que definir las propiedades de la capa. En ella también podremos poner información, imágenes, links, etc. #pantalla {position: absolute; width: 50%; height: 50%; background:url(imagen.gif) no-repeat fixed center; border: 1px solid} Una vez definida la capa debemos insertarla en nuestro documento html de la siguiente manera: <div id="pantalla"></div>… y colocar dos enlaces […]

The post Capas visibles e invisibles appeared first on Maestros del Web.

Celdas con puntas redondeadas utilizando CSS

Federico Elgarte — Tue, 04 Jan 2005 00:00:00 +0000

Antes de iniciar es necesario especificar que este ejemplo funciona con Internet Explorer únicamente. Para inicar es necesario incluir el siguiente estilo en el documento que contendrá la celda: <style type="text/css">  </style> La hoja de […]

The post Celdas con puntas redondeadas utilizando CSS appeared first on Maestros del Web.

La primer impresión es la que vale

Federico Elgarte — Thu, 25 Nov 2004 00:00:00 +0000

En diseño gráfico, al crear un logotipo para determinado producto y/o servicio, sabemos de antemano, que quien nos pide dicho trabajo no pretende solamente que el mismo sea reconocido a través de la imagen o el tipo de letra que lo represente, sino también, que refleje calidad y confiabilidad; así, el receptor, elegirá nuestro producto […]

The post La primer impresión es la que vale appeared first on Maestros del Web.