Pues estamos de enhorabuena :D , porque en el blog de Leandro se nos presta una ayuda fabulosa para llevar a cabo este hack, obra y gracia de Mike Davidson, que reeemplaza la fuente de nuestros "titulares" por la fuente de texto que deseemos.
Trabaja con flash, pero si el usuario que visita nuestra página no lo tiene instalado, no pasa nada: verá la página tal cual se presentaría sin el hack.
Si os fijáis, tengo instalado el hack en la sidebar derecha de este blog, con una fuente gótica en los titulares de cada widget, además de en el nombre del blog sobre la cabecera de las entradas, con vínculo.
En este blog lo he insertado manualmente, sólo en los sitios en los que me interesaba y por tener un ejemplo rápido de cómo funciona. Si queréis ver el hack correctamente implantado, echad un ojo a mi inconclusa (por los siglos de los siglos :( ) "novela" D.P.E. : Mientras carga la página veréis la fuente del texto "normal". En cuanto termina de cargar, ya podéis ver los titulares en gótico.
Así que vamos a ellos:
.- SCRIPTS: Mejor los colocáis en la cabecera de la plantilla, tras la apertura del "head" y antes de la apertura "skin":
<script language='javascript' src='http://.../Swfobject.js' type='text/javascript'/>
<script language='javascript' src='http://.../fonts_sifr.js' type='text/javascript'/>
<script type='text/javascript'>
if(typeof sIFR == "function"){
sIFR.replaceElement(named({sSelector:"h1", sFlashSrc:"http://.../fonts_hay.swf", sLinkColor:"#000000", sBgColor:"#900", sHoverColor:"#CCCCCC"}));
sIFR.replaceElement(named({sSelector:"h2", sFlashSrc:"http://.../fonts_hay.swf", sLinkColor:"#000000", sBgColor:"#900", sHoverColor:"#CCCCCC"}));
sIFR.replaceElement(named({sSelector:"h4", sFlashSrc:"http://.../fonts_hay.swf", sColor:"#FFFFFF", sLinkColor:"#ffffff", sBgColor:"#000000", sHoverColor:"#CCCCCC"}));
};
</script>
El primer script insertará el flash en vuestra página; el segundo llamará a la fuente de texto que hayáis elegido.
El tercer script incluye la fuente de texto que habéis elegido (podéis bajaros cualquiera de las dos que hay en el zip del hack o la que busquéis por ahí); además podéis incluir cuantos parámetros deseéis para arreglar el diseño, como véis en mi ejemplo.
.- CSS: Podéis configurar el sIFR dentro de los estilos de vuestra plantilla, p.e. como lo hace Milo, y a la que he seguido como muestra de diseño:
.sIFR-flash{visibility: visible !important;margin:0;}
.sIFR-replaced{visibility:visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;
overflow: hidden;}
.sIFR-hasFlash h2{visibility:hidden;letter-spacing:-9px;font-size:95px;}
.sIFR-hasFlash h3{visibility:hidden;letter-spacing:-6px;font-size:65px;}
.sIFR-hasFlash h4{visibility:hidden;letter-spacing:-6px;font-size:40px;}
Aquí determinamos cosas como el espacio entre las letras y el tamaño, así como la posición de los titulares con sIFR y cómo se verá en cada tag de apertura de un texto, etc... cada quien puede hacerlo como le convenga, teniendo en cuenta que la nueva fuente reemplazará todo aquéllo que encuentre etiquetado como H1, H2...
Hay otras funcionalidades, como un script que permite al usuario elegir entre ver o no las fuentes de su blog con sIFR. Además, para quien tiene en Firefox la extensión "Adblock", hay un CSS para visualizar la solapa (que el hack hace "desaparecer") que podéis encontrar en la dirección del blog de Leandro que os he dado al comienzo.
Y creo que eso es todo... salvo que también hay pluggins del hack para Wordpress y Joomia.
Añado este hack a mi lista de favoritos... :D
Pd: Me encanta... voy probando fuentes y he dejado las góticas para D.P.E.; aquí he hecho una "mezcolanza" de fuentes medievales, Script y... qué sé yo, jajjaaaa :D
Por cierto: Podéis bajaros fuentes sIFR en fontsmack
Maravilloso! este hack ha tocado una de mis debilidades, tengo que decir que tengo más de 10.000 fuentes, enlaces, dingbats, etc,... almacenadas, incluso diversos programas de creación de tus propias fuentes como FontLab, FontExpert, FontCreator, etc, etc,... además de programas para retocarlas visualmente como Path Styler Pro, Super Blade Pro, etc,... centenares de layer styles, actions para Photoshop.
ResponderEliminarY precisamente esto era un punto que tenía pendiente, en alguna rara ocasión había visto fuentes distintas incrustadas dentro de la web y sabía que algo tenía que haber al respecto, y me dejó muy, muy escamado, de hecho donde lo ví, más aún ya que se trataba de una caja de busqueda dentro de una web!
Y bueno he aquí que me has revelado el Mercurio Filosofal! :D
Veo que incluso también existe la posibilidad de pasar las fuentes a Flash, lo que me anima a no demorar más la instalación de Adobe Flash CS3
Imagina el partido que se le puede sacar con los dingbats! te dejo un enlace, aunque hay muchos más, pero este es mi favorito, el jugo que se le puede sacar, ya se me hace la boca agua (Dios! un blog no es espacio suficiente para todas las cosas que nos gustaría aplicar! :D)
Dingbats de House of Lime
Iré repasando a fondo este tema, me ha picado la curiosidad a fondo.
Desvariando un poco, se me ocurre un diseño para una plantilla, a veces voy anotando ideas :D, en que se podría diseñar como un mapa antigüo con iconos de dragones de mar, etc,... (los mismos dingbats servirían), unas texturillas antigüas de papel, etc,... y todos los textos con letras variadas para simular un mapa de fantasía antigüo :D
Ah, por cierto antes se me olvido mencionar que muy interesante lo de tu novela ;)
Je: si es que a mí me pasa lo mismo... que adoro la caligrafía y me muero por unas buenas fuentes. Total: hasta ahora era como para desesperarse, porque lo único que podías hacer era bajártelas y colocarlas "manualmente" en los sitios que querías... pero no en todos los epígrafes...
ResponderEliminarBueno: de momento no se puede meter mucho texto pero... todo se andará.
Si no vas a meter ningún enlace en el texto que uses con SIFR, te vale sin flash... pero si tienes alguno, como el enlace al inicio del blog, por ejemplo, entonces sí habrás de tenerlo (yo también acabo de descargarme la última versión).
Eso sí: las fuentes SIFR vienen ya preparadas para flash (verás la extensión swf), por eso hay enlaces especiales con este tipo de fuentes, como el que tienes en la entrada... cuando pueda voy a buscar más :)
Y, mira: hace no mucho ví un enlace, en el foro Mootools, a una página que trataba de monstruos y especies "(extra-terrestres"... casi como un cómic, pero... caray: a ver si lo encuentro y te lo pongo, porque tiene que ver tanto con lo que te gusta como con el tema de las fuentes. Me quedé medio lela cuando la ví.
Y... uf: no voy a terminar el "rollo" ese en la vida... lo he empezado dos millones de veces y las mismas no sé cómo seguir... y me aburre. Tengo un montón de cuentos cortos, porque los termino rápido, jajjaaa. Y algo que es más largo que un cuento y menos extenso que una "novela": un "ensayo" gótico tenebroso, a la manera de los primeros góticos (nada de sangre y vísceras sueltas... terror "sutil")... lo tengo por otro blog (ando guardando en Revolutum" todas las historietas que tengo desperdigadas: a ver si le subo ésta que te comento... algún día).
Voy a buscar, lo primero, ese enlace que te digo, porque es digno de verse. Y... caray: eres una joya etrusca... si hasta me animas a seguir escribiendo mis historietas :D (chico... voy a empezar a darte las gracias en japonés, por no aburrirte: Domo arigato gozaimasu, Brainiac-San)
Me ha costado, pero... ¡Lo encontré! :D
ResponderEliminarMira qué pasada (no sólo las fuentes, también el "Slide-Revolver"):
Bestiary
He pasado las dos piezas del cuento "gótico" a D.P.E.. Si un día te apetece leer, allí lo tienes :)
ResponderEliminarEste siFR tiene mucho potencial, me supongo que además también le afectarán los css, colores, etc,...y otras cosillas.
ResponderEliminarEl Slide-revolver es bastante espectacular, hay que dominar esta clase de transiciones, esto me recuerda las Cycle que habíamos comentado, parece que el autor de Moord.it ya las tiene en desarrollo, de hecho ya se puede descargar la versión 1.31 que todavía está trabajando en ella, y pronto dice que pondrá los ejemplos:
Version 1.31 con Cycle
Novedades en Moord.it
También tendrá algunas novedades como el Glider y otras:
Ejemplo en Panic Coda
Los paneles que se deslizan con los botoncitos
Y por cierto, no sé si ya existía, aunque aquí parece nuevo, las entradas más populares para blogger, basándose en las que tienen más comentarios no visitas:
Entradas más populares
Parece que tu sugerencia les puso las pilas :) Esperemos el resultado final...
ResponderEliminarYa había oído hablar del tema de entradas populares por comentarios, pero... no me gusta mucho para quien, como yo, no suele tener comentarios (si no es por los tuyos, este blog estaba "muerto" en términos populares, jajajaaa). Por eso he preferido un sitema basado en los clicks a cada entrada, como el que tengo aquí.
Y antes de que se me pase, échale un vistazo a este menú de Mootools que desplaza- en scroller y onmouseover- los contenidos: MootoolsScroller