Las letras principales están construídas a la manera de la "first-Letter" que nos hemos acostumbrado a ver en el hack "Dropcaps": el "contenido de éstas (como si fuesen un submenú de un menú principal) se diseña en letras más pequeñas, para dar contenido a aquéllas, sin restarles importancia.
Y por si a alguien le gusta tanto como a mí, allá que te va la explicación:
Para empezar, la página de ejemplos de kwick con Query que os pongo, remite a la página del autor, con los zips de los archivos:
.- CSS:
<link rel="stylesheet" type="text/css" href="css/kwicks.css" />
A cambiar a vuestro gusto, como siempre.
.- SCRIPTS:
<script src="http://.../svn/trunk/js/jquery.js" type="text/javascript"></script>
<script src="http://.../svn/trunk/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://.../svn/trunk/js/jquery.kwicks.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
$('#example5 .kwicks').kwicks({
maxWidth: 200,
duration: 400
});
});
</script>
.- HTML:
<div id='example5'>
<ul class='kwicks'>
<li>
<div class='kwicks_inner_inner'>
<div class='bigLetter'>LL</div>
<div class='smallLetters'>un ejemplo</div>
</div>
</li>
<li>
<div class='kwicks_inner'>
<div class='bigLetter'>A</div>
<div class='smallLetters'>Menos bonito que el del hack</div>
</div>
</li>
<li>
<div class='kwicks_inner'>
<div class='bigLetter'>R</div>
<div class='smallLetters'>pero sirva como prueba</div>
</div>
</li>
<li>
<div class='kwicks_inner'>
<div class='bigLetter'>A</div>
<div class='smallLetters'>aunque repita la mitad de las letras...</div>
</div>
</li>
</ul>
</div>
<div style='clear:both;'/>
<p>Y...? No tengo qué ver con Nat King Cole... está visto...</p>
Vía: anieto2k
Tiene variaciones distintas de las habituales en Mootools, me pregunto si también existirán réplicas de estas versiones de JQuery en Mootools para el Kwick.
ResponderEliminarDesde que empezaste a poner JQuery le presté más atención y desde luego tiene una gran cantidad de plugins que la hacen bastante potente
Plugins JQuery
Pues sí: estoy segura de que lo mismo puede hacerse con Mootools. Aunque... en query las transiciones de kwick parecen más bruscas.

ResponderEliminarA mí me encanta Query: tiene cosas asombrosas y muy prácticas... el gran problema es que se da de tortas con todas las librerías. De hecho, se lleva fatal con otros querys: suelo abirrirme y pasar de muchos hacks con query por no tener que revisar toda la plantilla colocando detrás de cada función el consabido "no conflict"
Por cierto... que el Mootools Beta ha vuelto la librería bastante obstructiva...