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...