SummArg | Cursos y recursos para webmasters

16/02/2012

Justificar titulares con slabText, ideal para diseños estilo magazine.

slabText es un plugin para jQuery cuya función es justificar los titulares (tags headings) para que abarquen de margen a margen. Resulta muy útil para layouts del tipo magazine en donde los titulares tienen una importancia muy grande a nivel visual y necesitan de cierto equilibrio.

Para implementar la función a nuestros titulares primero debemos insertar jQuery en nuestro documento, luego el plugin slabText y añadimos las siguientes líneas a nuestro CSS.

.slabtexted .slabtext { display:inline-block white-space:nowrap; }
.slabtextinactive .slabtext { display:inline; white-space:normal }
.slabtextdone .slabtext { display:block }

Al final del documento, antes del cierre de la etiqueta body, inicializamos el plugin.

<script>
function slabTextHeadlines() {
	$("h1").slabText({
		"viewportBreakpoint":380
	});
};
$(window).load(function() {
	setTimeout(slabTextHeadlines, 1000);
});
</script>

Descargar | Web de slabText | Visto en Kabytes

Dejar un comentario