26 / 11 / 2015

Usuarios conectados: 2

Cargando documento...



Este Sitio:













Mailing List:

Suscríbete a la lista de correo, No practico spamming y ofrece algunas ventajas.

Pulsa aquí para saber más y suscribirte.



Tecnorama >Dreamweaver Extensions


sIFR Replace Statement

Versión para imprimir | Translate this page

Some time ago, thanks to a Breeze Presentation made by Danilo Celic, I first heard about sIFR and I liked it a lot.

sIFR is the smartest way to embed fonts I've found so far, but I find hard to remember all the params it can use and you can write a typo without notice (until you find out that it doesn't work!).

I thought that creating an extension would make things a bit simplier in some cases: The extension will allow you to work with almost all the parameters accepted by the sIFR, choose colors visually, define offset and padding values and write the path to the js and css files sIFR will use.

If you have used sIFR, you already know that the replace statement can be written directly on the document or attached to an event (99% of the times, body->onLoad). Well I decided that the former can be better (or, at least, it is the method that most people will use), so no event handling here. Just place your cursor after the element that should be replaced and use the Object created by the extension to write the statement.

Please notice: if you don't know how sIFR works, please read the manual on their site before using the extension!.

Here's how the Dialog window looks like:


- The first textfield will alow you to write the element(s) that will be replaced (eg: p, h1, div#pullquote, .myClass...). Again, remember to read sIFR documentation.

- Choose the swf containing the font using the second field.

- Choose the colors that sIFR will use with the swf font

- If the replacing element needs to have offsets or padding defined, write them in their boxes.

- Check the options you want to use: Center text, underline on hover or wmmode (not recommended at all but well, it's one option...)

- Finally, if you haven't defined the paths for the files sIFR uses (js file, print and screeen css), this fields will allow you to do so. They're just optional.

If fact, only the two first fields (element to be replaced and swf font) are required for sIFR to work.

Nothing else, just remember to read the docs and watch the Breeze Live presentation by Danilo Celic to learn about it.

Version History:
1.0.2: original version
1.2.1: The sIFR.replaceElement() function called will be put at the end of the document by default (instead of the insertion point: I find the new position more useful)

Current Version is 1.2.1 Click here to download.

Comments? 7, so far. Displaying 1 ->5

1.- Hey Dana, There has been known bugs that Google fonts don't render for IE9. It was cmleaid to be fixed back in October last year.. Could you be more specific on what IE version, is this on your actual live site? are you testing on a local server?I hope i can help http://epmwxn.com [url=http://itdzcts.com]itdzcts[/url] [link=http://cdzyqjjthzv.com]cdzyqjjthzv[/link]

2.- : ce serait une sacre9e faute de mainterkg de s'afficher avec des veatements de marque sur des vide9os diffuse9s largement au travers du web. Faire de la publicite9 gratuitement alors que beaucoup investissent des millions...Il ne doit pas non plus afficher son appartenance au moteur pendant ses de9monstrations afin de garder un semblant de neutralite9 : plus efficace pour la cre9dibilite9 du message. D'ailleurs le logo Google n’apparaeet pas dans la vide9o.

3.- Victoria6939Posted on April 25, 2012 at 11:20 am | This is a great video. I do know how to create wteeibss but it has been so your video is catching me back up to speed. There is one question I have though when creating the folders your way through the desktop the page still keeps the extention of .txt. Can you show me another way of creating the folders.ThanksVicky http://vamdkzew.com [url=http://uvqxumsyqr.com]uvqxumsyqr[/url] [link=http://fdruksxey.com]fdruksxey[/link]

4.- CoachBryantNBHSPosted on April 25, 2012 at 2:26 pm | I am a high school tehacer, with very limited web page designing and no previous training to teach this part of my curriculum. I've founded out that youtube.com is a great teaching tool to teach step-by-step procedures. My question is: I teach students from grades 9-12, many learning styles and modifications. Is there any other means to acces youtube videos bypassing the schools firewalls? Can you send your answer to . or a clip of your videos. Thanks!

5.- Imran Bhai. Don't blame the Law . The Fault IS with his father who went to a non Muslim ctruony JUST for dollars and NOT for Islam.He is a hypocrite who has been exposed

Previous | 1 - 5 | 6 - 7 | Next

Add your Comments

Escribe el cdigo de la imagen superior:


TECNORAMA es simplemente una página personal. No sirve ni de promoción del autor ni cosas por el estilo.
Todos los cdigos, textos y tutoriales son de libre uso mientras se mencione al autor (no es mucho pedir)
Este sitio es compatible con IE6/NS6/Mozilla1.0
Para contactar, puedes enviarme un e-mail a tecnorama@hotmail.com