Borchani.COM – Blog

problemas con el css, aqui le dejo un fabulos libro donde pasaran de ser unos novatos en web a todo un master en lo que es css:

http://www.librosweb.es/css/pdf/

FUENTE: WWW.LIBROSWEB.ES

recomndada

Algunos me habían preguntado como lograr que una imagen que tiene un enlace hacia otro sitio o artículo se muestre como en estado de off o mas opaca, y al pasar el Mouse se muestre el color original de la misma. Como el efecto que veras pasando el mouse sobre la imagen que se encuentra arriba:

Como logramos este efecto en las imágenes?

Simplemente copiamos este código en nuestra hoja de estilo (Style.css)

CSS:

a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;} 

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

y cada vez que queramos darle este efecto a una imagen agregamos la clase “linkopacity” ejemplo:

HTML:

<a class=”linkopacity” href=”http://www.xyberneticos.com/”><img src=”images/demo.jpg” style=”border:1px solid black;”></a>

CSS Text Wrappe es un script que seguramente podrá sernos útil para algún proyecto en mente. Básicamente lo que nos permitirá será, transformar nuestros párrafos tradicionales, en párrafos un poco más originales o con diseños sin duda más llamativos. Lograr párrafos siguiendo el diseño de un circulo, Zig-Zag, curvas y demás. Personalizar este tipo de estilos para nuestros párrafos es realmente muy sencillo, ya que el sitio posee una herramienta que hará esta tarea realmente fácil. Tan fácil como tomar las barras laterales y especificar hacia donde nos gustaría mover nuestro texto. Luego simplemente generar el estilo a utilizar, copiaremos el código que posteriormente incluiremos en nuestro sitio, sin olvidarnos de descargar shapewrapper.js

Algunos ejemplos – Enlace CSS Text Wrapper