Sep 252009

Cursores personalizados definidos con CSS. Solo para Microsoft Internet Explorer 4 + y Netscape 6 +

2css_crosshair.gif picture by Xana-blogger      6css_move.gif picture by Xana-blogger   9css_help.gif picture by Xana-blogger    23css_col-resize.gif picture by Xana-blogger    24css_row-resize.gif picture by Xana-blogger    1css_default.gif picture by Xana-blogger

En otros navegadores solo se verá la flecha del cursor normal.

Solo tienes que incluir el siguiente codigo y cambiar el nombre del cursor segun tu gusto:

<style type=”text/css”>
<!–
body { cursor: crosshair}
–>
</style>  
Ver todos los cursores
Etiquetas: , , , , , ,
Mar 032009

En CSSTea puedes encontrar 120 ejemplos de menú horizontal para tu sitio en CSS, con estos menus vamos aprender hacer un buen diseño para crear una web de facil navegación.

Menu 9 

Etiquetas: , , , , ,
Dic 312008

Todos sabemos que los iframe son muy útiles en numerosas ocasiones, pero tienen el inconveniente que no se llevan demasiado bien con los buscadores…

Bueno, pero la idea es evitar su uso dentro de contenidos, para así impedir la limitada accesibilidad que nos entrega (no todos los browsers lo interpretan) y que sea indexado separadamente por los buscadores (así como ocurre con los <frame>, que tienen la misma lógica). Mediante CSS lograremos el mismo fin, el de poder diagramar un espacio donde el contenido fluya a través de scroll vertical. Pero todo dentro de la misma página.

Demo

Etiquetas: , , , , ,
Nov 272008

Comenzando con HTML y CSS es un tutorial para aquellos que se inician, explicado de forma clara y sencilla. un minimo de conocimientos de HYML y CSS son indispensables para quien se está iniciando en Diseño Web

Etiquetas: , , , ,
Sep 212008

Suprimir el subrayado de los links de forma muy sencillas utilizando cascadas de estilos. Para ello debemos poner el siguiente código entre las etiquetas HEAD:

 

<STYLE TYPE=”text/css”>
<!–
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
–>
</STYLE>

Etiquetas: , , , ,
Sep 202008

:: Calendario Halloween ::

Si no eres participante registrado de nuestro FORO puedes dejar aqui cualquier duda. en La Buhardilla Foro encontraras tutoriales para crear tu web desde cero.

Por favor, comentarios cortos en el TagBoard
-

 

 

Etiquetas: , , , , ,
Sep 182008

De una forma muy sencilla, con un simple scrip, puedes dar este efecto muy original a tus enlaces.
Ejemplo:

AQUI

Descargar

 Descarga el archivo scrollovers.js

 

LLamas el scrip entre los tags head

<script type=”text/javascript” src=”http://www.scrollovers.com/js/scrollovers.js”></script>

Añades los siguientes codigos a la css:

a.scrollover {
 /* Default Colour/Styles here */
 color: #DAE0D2;
 }
 a.scrollover em:first-line {
 /* Rollover Colour/Styles here */
 color: #4b4ddd;
 }

Y el siguiente codigo en los enlaces que quieras que aparezca el efecto:

<a href=”http://www.xanarts.com/” class=”scrollover” type=”scrollover”>:: La Buhardilla Pixel ::</a>

 

Este efecto es compatible: Firefox 2.0, Internet Explorer 7, Internet Explorer 6, Internet Explorer 5.5, Safari 3 (Windows) y Opera 9

Fuente: www.scrollovers.com

-

Etiquetas: , , , , ,

Si quieres recibir las actualizaciones por correo,
entra tu email:

 

Nos visitan desde…

Categorías

<