WP Flash Titles Plugin 2.0

Date: 22nd April 2008 at 3:02 pm | Filed under: development, flash, plugins, wordpress | Author: Sam Burdge

This WordPress plugin allows you to display your post titles in any font, colour and size you want using Flash. It will also retain your original html styling of your titles and display that to users who don't have Flash installed. It is fully customisable via the Options tab in wordpress. It is search engine friendly and easy to implement.

Update:

Version 2.0 includes 2 basic changes.

  1. The way the options are saved has been changed to address the problems some users were having with this.
  2. More pre-installed fonts.

Example:

I am happy with my WordPress theme as it is, so I have set up this example page for you to see the Flash Titles in action: WP Flash Titles Example Page

Installation:

  1. Upload the wp_flash_titles folder to your wp-content/plugins folder.
  2. Activate the plugin from the Plugins page.

Usage:

  1. Go to Options -> WP Flash Titles to choose your font, size and colour scheme for your titles.
  2. You need to modify your template file slightly. First you need to locate the code that relates to the post title. This will typically be something like:
    <h3 class="storytitle" id="post-<?php the_ID(); ?>">
    <a href="<?php the_permalink() ?>" rel="bookmark">
    <?php the_title(); ?>
    </a>
    </h3>
  3. You then need to add two lines of code. First paste this line in directly before the page title code:
    <?php if(function_exists('wp_flash_titles')){wp_flash_titles($post->ID,'start')} ?>
  4. Then this line directly after:
    <?php if(function_exists('wp_flash_titles')){wp_flash_titles($post->ID,'end')} ?>
  5. To embed any font you want you must have Flash CS3. Open the source file 'wp_flash_title.fla' which is located in the 'Source' folder of the plugin. In flash simply change the font of the text area to any font you wish. Do a 'Save As' and then publish the swf. Once you have created the swf you must upload it to the folder: wp-content/plugins/wp_flash_titles/flash
    It will now appear in the list of fonts in the Options -> WP Flash Titles page!!

Download Plugin:


23 Responses to “WP Flash Titles Plugin 2.0”

  • Comment by Printer
    Date: April 22nd, 2008 at 8:33 pm

    Hi, thanks for this great plugin. Unfortunatly I can’t seem to get it to work. I followed the instructions. But I can not see an example image inthe options page, and when I insert all the option values after update options the option boxes are empty again. Any idea how this can be? I’m onWP 2.5

  • Comment by Sam Burdge
    Date: April 22nd, 2008 at 10:34 pm

    Hi Printer,

    Sorry, it was my mistake…I hadn’t updated one of the plugin files correctly. Please download again and re-install and it should work.

    Sam

  • Comment by Printer
    Date: April 22nd, 2008 at 11:20 pm

    Ah, thanks! the optionpage is working now. I seem to run in to another problem now. when I refresh my site it goes blank(empty). the dashboard ist working though. i have this code in my ‘index’ now:
    ID,’start’)} ?><a href=”" rel=”bookmark” title=”Permanent Link to “>ID,’end’)} ?>
    this should be correct is it?

  • Comment by Printer
    Date: April 22nd, 2008 at 11:22 pm

    ow, i see the code did not displayed corect in my comment.

  • Comment by Sam Burdge
    Date: April 23rd, 2008 at 1:01 am

    The code should be something like:

    < ?php if(function_exists('wp_flash_titles'))
    {wp_flash_titles($post->ID,’start’)} ?>
    <a href=”< ?php the_permalink() ? rel="nofollow">” rel=”bookmark”>
    < ?php the_title(); ?>
    </a>
    < ?php if(function_exists('wp_flash_titles'))
    {wp_flash_titles($post->ID,’end’)} ?>

  • Comment by Stephen
    Date: April 24th, 2008 at 2:25 pm

    Hi,

    I am trying to use the plugin once again. The saving options problem seems to be fixed, thanks. BUT when I activate and try to use the plugin, only the first two posts on my home page get flash titles and all the others are completely missing. I have about 20 posts showing on my homepage btw.
    Any advice? Thanks!

  • Comment by Sam Burdge
    Date: April 24th, 2008 at 2:55 pm

    Hi Stephen

    It could be one of a few things causing this. Let’s start with the basics, have you tried emptying your browser’s cache and refreshing the page?
    Does this behaviour occur on all pages of your site (monthly archives, single category pages, etc) or just on the home page? Do the titles that aren’t appearing contain any special html characters (&#@!”‘, etc.)?

    Sam

  • Comment by Stephen
    Date: April 24th, 2008 at 3:40 pm

    Thanks for the reply. I see that it seems to be browser specific. In Safari it looks fine and in Firefox 3 beta I am having the problem of no titles after the first two.

  • Comment by brian
    Date: May 6th, 2008 at 8:59 pm

    Thanks for the plugin, it’s great!

    I was wondering… how to configure the plugin if you want the background to be transparent?

  • Comment by Sam Burdge
    Date: May 7th, 2008 at 3:05 pm

    Hi Brian
    I hadn’t thought to add an option for transparent…I’ll have to add that feature in the next release! For now you could use this workaround…

    change the line of the plugin’s code:
    so.write(”flash_title_’.$flash_title_id.’”);

    to:
    so.addParam(”wmode”,”transparent”);
    so.write(”flash_title_’.$flash_title_id.’”);

    Hope this works for you…
    Sam

  • Comment by Jayvee
    Date: May 7th, 2008 at 5:38 pm

    Hey, great plug-in but sadly it won’t work in my site. The options panel don’t show the fonts.

    How do I fix that? =(

  • Comment by Jayvee
    Date: May 7th, 2008 at 6:15 pm

    BTW I’m using WP 2.5.1

    Thanks.

  • Comment by Jayvee
    Date: May 10th, 2008 at 10:15 pm

    I already figured out the problem. I upgraded the swfobject.js file. Thanks for the plugin.

  • Comment by Mikester
    Date: May 12th, 2008 at 7:13 am

    I just couldn’t get it to work…… :-(

  • Comment by Stephen
    Date: May 23rd, 2008 at 2:45 am

    Hi, it is me again. Just wondering if you will be updating your plugin to work with the new Firefox? Thanks!

  • Comment by alectro
    Date: June 10th, 2008 at 8:27 pm

    Hi Sam, I followed the instructions but I cant see it working both on Index and Single.

    That’s the blog: http://www.laondagrafika.com/blog/

    Thanks!

  • Comment by alectro
    Date: June 10th, 2008 at 8:28 pm

    ID,’start’) ?>
    <a href=”" rel=”bookmark”>
    ID,’end’) ?>

    thats the code I put on that files.

  • Comment by Ryan Creighton
    Date: June 12th, 2008 at 12:59 am

    Hi! GREAT plugin idea! i desperately want to use it.

    The trouble is that when i install the plugin, i get this error message:

    Plugin could not be activated because it triggered a fatal error.

    When i go to the plugin page under Options, i see various errors like:

    WordPress database error: [Table 'untolden_wrdp1.wp_flashtitles' doesn't exist]

    There are numerous similar errors. i checked my database, and it looks like the tables that the plugin needs aren’t getting installed.

    Any suggestions? i’m running ver 2.2.2.

    THANKS!!

  • Comment by zulu
    Date: June 13th, 2008 at 7:13 pm

    Hi. Great plugin :) Got one problem: There’s a “free space” before the title, means title, date and post don’t begin at the same beginning *lol* know what I mean? Visit my site to check, I can also send a screenshot if wanted (I don’t know how long this plugin will be activated). How can I fix this? Thanks a lot!
    zulu

  • Comment by zulu
    Date: June 13th, 2008 at 7:25 pm

    It’s me again! Another problem: The flash titles don’t link to full post as they used to do before, so I uninstalled the plugin now. But screenshot is ready to send ;)

  • Comment by Come Creare Titoli in Flash su WordPress Usando Qualsiasi Font | kosmo blog
    Date: July 7th, 2008 at 9:24 am

    [...] WP Flash Title è questo il nome del plugin che permette tutto questo. [...]

  • Comment by Fernando
    Date: August 6th, 2008 at 9:10 pm

    Hi Sam! Contratulations for the plugin, I think is amazing!

    You know? Im using the default theme for wordpress, the original code says:

    < div class=”post” id=”post-” >
    < a href=”" rel=”bookmark” title=”Permanent Link to ” >

    But when i replace this code for:

    ID,’start’)} ?>
    <a href=”” rel=”bookmark”>

    ID,’end’)} ? >

    … then the theme no work. :(

    I dunno where Im mistake. Can you help me? Thank you so much and sorry for my english language, still is very poor. :)

  • Comment by Fernando
    Date: August 6th, 2008 at 9:29 pm

    Hi again Sam…. i found my mistake, i forgot write class=”storytitle” in the code… is ok now… thank you so much again… your plugin is cool

Leave a Comment

Time delay loading for swf files and images

Date: 26th March 2008 at 11:54 pm | Filed under: actionscript, development, flash, scripts | Author: Sam Burdge

Q. How can I make an image or swf file load after a specified number of seconds?

A. Use the simple but effective flash_timer.swf file by Sam Burdge. Whoopeee!

Ever wanted a particular Flash movie or image to load up / start playing after the rest of your page has loaded, or after a set amount of time? This tutorial, and the support files provided with it will make it very easy indeed. The flash_timer.swf file will load a swf or image into your page after a number of seconds that you specify.

Example:

Check out this basic example to see a swf (called test.swf) load after a 10 second delay: Example 1
You can view the source code of the example to see how it works.

Usage:

  1. Download the source files using the link below, and unzip the archive.
  2. Embed the swf file 'flash_timer.swf' into your webpage. In my example I have used the swfObject method to embed the file, but you can use whichever method you prefer. For more information about this you can check this useful tutorial by Jeroen Wijering.
  3. Set the height, width & background colour of the swf according to those of the file you want to load in.
  4. Pass the two variables that the file requires to work: myswf – the file that will be loaded & mysecs – the number of seconds delay before the file is loaded. You can pass the variables in the url string, for example:

flash_timer.swf?myswf=my_movie.swf&mysecs=5

(This will load the movie 'my_movie.swf' after a 5 second delay.)

You can also pass the variables as flashvars, for example:

flashvars="myswf=example.jpg&mysecs=10"

(This will load the image 'example.jpg' after a 10 second delay.)

I hope you find this useful, if you do or if you have any questions, please feel free to leave a comment on this page (no emails please, I won't reply unless you are offering me hard cash!!). The flash_timer.swf file is only 1kb, so it will not effect the overall loading time of your page, it can be embedded at any height/width dimensions and works from flash player 7 upwards.

Download Source:

The download contains the all important flash_timer.swf plus a working example (index.html). The size of the zip is 6kb. Enjoy!!


2 Responses to “Time delay loading for swf files and images”

  • Comment by Bob Stone
    Date: May 12th, 2008 at 1:32 pm

    Excellent, excellent, excellent! spectacular! stupendous!

    Was exactly what I was looking for.
    And does exactly what you said it would do!
    Can’t say that about many other things I’ve downloaded - including stuff I’ve paid for!

    Good show!

  • Comment by Wayne Moran
    Date: June 21st, 2008 at 1:40 am

    Great tool - well done. One issue however: how can I prevent my video from repeating / looping continuiously. I have tried setting &loop=false as part of passing the swf filename and I have set it in the calling code as well but it ignores them. See the code below:

Leave a Comment

Image mouseovers without javascript - CSS & Sprites

Date: 3rd March 2008 at 1:27 am | Filed under: development, scripts | Author: Sam Burdge

This article is an extension / improvement upon another article I published on my site previously: Simple Javascript for Image Mouseovers. As I am always looking for improved methods, I was discussing the pitfalls of the javascript method with a friend (and occasional comment writer / contributor to my site) who pointed me in the direction of CSS and image sprites. This lead me to research the topic further, and I found two articles in particular which were incredibly useful:

Read on…

2 Responses to “Image mouseovers without javascript - CSS & Sprites”

Leave a Comment

Encoding Flash Video (flv) - Part 1 - The Basics

Date: 16th February 2008 at 12:53 am | Filed under: development, flash | Author: Sam Burdge

This is the first part in a series of articles I will be writing on encoding Flash Video (flv files) using the Adobe CS3 Video Encoder. I intend to cover all aspects of flv encoding to help you to attain the best results possible. If you are using another software to encode your flv files, such as Adobe After Effects or Final Cut Pro, many of the principles will be the same.

Read on…

3 Responses to “Encoding Flash Video (flv) - Part 1 - The Basics”

  • Comment by Grant Forrest
    Date: February 29th, 2008 at 10:29 am

    Hi Sam Been hunting the internet for some advice on optimum source files for flash - with no joy. But came across your encoding flash video article and have been enlightened. Many thanks Grant

  • Comment by John Smith
    Date: July 8th, 2008 at 2:50 pm

    Very helpful information. Much appreciated. Thank you.

  • Comment by samir
    Date: July 15th, 2008 at 6:03 pm

    Thank you for this useful article.
    Very informative.
    It solved my issue with horizontal lines in flash video files.

Leave a Comment

WP Flash Titles Plugin

Date: 15th February 2008 at 11:53 pm | Filed under: development, flash, plugins, wordpress | Author: Sam Burdge

This Plugin has been updated to version 2.0

This WordPress plugin allows you to display your post titles in any font, colour and size you want using Flash. It will also retain your original html styling of your titles and display that to users who don't have Flash installed. It is fully customisable via the Options tab in wordpress. It is search engine friendly and easy to implement.

Example:

I am happy with my WordPress theme as it is, so I have set up this example page for you to see the Flash Titles in action: WP Flash Titles Example Page

Installation:

  1. Upload the wp_flash_titles folder to your wp-content/plugins folder.
  2. Activate the plugin from the Plugins page.

Usage:

  1. Go to Options -> WP Flash Titles to choose your font, size and colour scheme for your titles.
  2. You need to modify your template file slightly. First you need to locate the code that relates to the post title. This will typically be something like:
    <h3 class="storytitle" id="post-<?php the_ID(); ?>">
    <a href="<?php the_permalink() ?>" rel="bookmark">
    <?php the_title(); ?>
    </a>
    </h3>
  3. You then need to add two lines of code. First paste this line in directly before the page title code:
    <?php if(function_exists('wp_flash_titles')){wp_flash_titles($post->ID,'start')} ?>
  4. Then this line directly after:
    <?php if(function_exists('wp_flash_titles')){wp_flash_titles($post->ID,'end')} ?>
  5. To embed any font you want you must have Flash CS3. Open the source file 'wp_flash_title.fla' which is located in the 'Source' folder of the plugin. In flash simply change the font of the text area to any font you wish. Do a 'Save As' and then publish the swf. Once you have created the swf you must upload it to the folder: wp-content/plugins/wp_flash_titles/flash
    It will now appear in the list of fonts in the Options -> WP Flash Titles page!!

Download Plugin:

Version 1 Beta is no longer available. Please visit the WP Flash Titles 2.0 page to download the new version.

19 Responses to “WP Flash Titles Plugin”

  • Comment by Brewskie
    Date: February 17th, 2008 at 5:48 pm

    I am amazed at how nice this looks on my site!

    http://www.criticalreactor.com

    It looks as though I am using a custom font. But one that everybody can see.

    Thanks for your time you put into this. Good job!

    One small question however. Are there any free apps that can edit .fla files? Flash is pretty expensive :)

    Again..good job on this :)

  • Comment by Brewskie
    Date: February 17th, 2008 at 6:24 pm

    A small wish list:

    Animations.

    Like animate on load, hover , click etc.

    More fonts :)

    An option to have more than one instance. This would allow a cutsom logo/banner or whatever.

    Widgetized.

    This would allow flash anims for the blocks in the sidebars. Either for the title of the block or the whole content of them.

    By using flash for the sidebars there's a lot of cool things you can do. Like tabbed blocks :)

    Thanks again for this :)

  • Comment by Sam Burdge
    Date: February 17th, 2008 at 8:15 pm

    Hi Brewskie
    Thanks for your comments. The Flash Titles really look great on your site! I have plans to add some of the features you mentioned for a future release and also have some more Flash based plugins in the pipeline… As for free apps that can edit fla files, I’m not sure sorry
    Cheers,
    Sam

  • Comment by Erik Tiekstra
    Date: February 21st, 2008 at 4:33 pm

    Hi,I hope to be able to like your plugin, I just can't seem to download it. Also from the Wordpress plugin site the fla is missing..?!Could you help with that?/Erik

  • Comment by Brewskie
    Date: February 24th, 2008 at 3:45 pm

    Something strange happened.

    I went to make a small correction to the dimensions of the flash and when I saved the whole thing went blank. As in nothing was saved and it reverted to empty boxes in the admin.

    I haven't installed any other plugins since this one so I know it couldn't be the problem.

    I've been playing around with it for a while but I really can't figure out what would cause this behavior.

    Any ideas?

    Thanks!

  • Comment by Carnevalle
    Date: February 25th, 2008 at 11:07 am

    I'm having som problems with this plugin. First of, my installation is not in the root-directory, so the document_root path to the flash-directory is not working. But this is an easy fix.

    The bigger issue is, that at first it is working and displaying the flash titles, but if I try to edit the configuration it goes blank and there is no way back. What could the problem be?

  • Comment by kike
    Date: March 1st, 2008 at 5:55 pm

    It would be great to change also the link from the sidebar, I have some errors, the titles dont show and in the admin when I put update does not show anything, I have the latest version of wordpress. Please answer on my mail, thanks enrique from Argentine

  • Comment by Sam Burdge
    Date: March 2nd, 2008 at 4:50 pm

    A note to all users who have had dificulty using the plugin:

    1. Check folder and file permissions - refer to this article WP Digi Clock Plugin - Folder and file permissions - I know this relates to another plugin, but the principles are the same.
    2. If your wordpress is not installed in the root directory you may have problems using the plugin, unfortunately you may have to wait until the next release of the plugin for these issues to be resolved, sorry for the inconvenience.

    I hope this helps some of you.

    Sam

  • Comment by Sam Burdge
    Date: March 2nd, 2008 at 4:51 pm

    Brewskie - try a fresh install of the plugin and see if that resolves the prob?
    Sam

  • Comment by Gilbert Purtee, Jr.
    Date: March 22nd, 2008 at 7:08 pm

    Cant update   goes blank perm set correct cant get it to work

  • Comment by Sam Burdge
    Date: March 23rd, 2008 at 5:33 pm

    Hi Gilbert
    Can you give me some more info please? What platform is your server running?
    Sam

  • Comment by stephen
    Date: April 13th, 2008 at 11:08 pm

    I also get the disappearing prefs I am afraid. It seems to set all values to blank and thus no titles appear on my blog if enabled.

    As for platform info, I am not entirely sure what you mean, but I am running wordpress 2.5 on php 5.2.3, Linux 2.4.3, Apache 2.0.61…if you want the full phpinfo, I can send it to you.

    Thanks!

  • Comment by Johno
    Date: April 16th, 2008 at 8:40 pm

    Not working in IE7, but then I can’t get sIFR to work at all with IE7, Any ideas?

  • Comment by Sam Burdge
    Date: April 17th, 2008 at 2:26 pm

    Hi Johno

    Might seem obvious but, do you have flash installed / Javascript enabled in your browser?

    I’m not that familiar with sIFR, but my plugin works on a similar basis.

    Sam

  • Comment by Sam Burdge
    Date: April 17th, 2008 at 2:28 pm

    Note to all users of this plugin. The new version is coming soon (within the next couple of weeks. There will be new fonts and new options available. The disappearing preferences some users have been experiencing will also become a thing of the past!

    Sam

  • Comment by Sam Burdge
    Date: April 22nd, 2008 at 3:09 pm

    Version 2.0 is here. Hopefully any problems with version 1 have been resolved. Thanks to all commenters for your feedback.
    Sam

  • Comment by Anthony
    Date: May 12th, 2008 at 2:07 pm

    Hi Sam,
    Your plugin works very great !
    But I want to know if there is a solution to have a relative height (for example 100%) for the block, ans not a fixed height. It’s because sometimes my titles are in three lines, ans sometimes in one single, and it display a white space after short titles… I hope you’ll undersand my request !
    Anthony (french blogger)

  • Comment by kit
    Date: August 7th, 2008 at 8:57 pm

    having similar issues with it not showing up in IE7. anyone find a fix yet?

  • Comment by kit
    Date: August 7th, 2008 at 9:27 pm

    ok so i found that if i empty my cache and load a page it works no problem, but as soon as i go to another page it disappears and won’t show up until i empty my cache again. PLEASE helP!

Leave a Comment

Next Page »