WP Garage » Flash http://wpgarage.com wordpress tricks, hacks, and tips Wed, 16 Nov 2011 14:36:02 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Add SWFir to WordPress for nice rounded corners, shadows and other effects http://wpgarage.com/design/add-swfir-to-wordpress-for-nice-rounded-corners-shadows-and-other-effects/ http://wpgarage.com/design/add-swfir-to-wordpress-for-nice-rounded-corners-shadows-and-other-effects/#comments Sun, 14 Feb 2010 09:42:16 +0000 Rebecca Markowitz ?p=623 While collaborating with our colleagues at Red Door on a project, we came across SWFir,  an amazing way to add some nice subtle effects to WordPress site images. SWFir automatically adds a flash layer on top of images that can round the corners, add a shadow, rotate, or add a border.  I found the directions [...]

This post was originally published at Add SWFir to WordPress for nice rounded corners, shadows and other effects on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

]]>

While collaborating with our colleagues at Red Door on a project, we came across SWFir,  an amazing way to add some nice subtle effects to WordPress site images. SWFir automatically adds a flash layer on top of images that can round the corners, add a shadow, rotate, or add a border.  I found the directions on their site a little skimpy for WordPress users so I thought I’d share how to integrate SWFir for WordPress users.

CSS3 is also great for rounded corners and shadows, but unfortunately we still need to keep in mind people using all different versions of Internet Explorer.

  1. Download SWFir
  2. Upload swfir.js and swfir.swf into a folder called swfir into  your theme directory
  3. Include the swfIR JavaScript file in the <head> of your document like this:
    <script type="text/javascript" src="swfir.js"></script>
  4. Add this to footer.php just before the closing body tag<script type=”text/javascript”>
    // swfIR
    window.onload = function() {
    var sir = new swfir();
    sir.specify(“border-radius”, “15″);
    sir.specify(“src”, “<?php bloginfo(‘stylesheet_directory’); ?>/swfir/swfir.swf”);
    sir.swap(“.latest-posts-center img”);
    sir.swap(“.latest-posts-center a img”);
    sir.swap(“img.rounded”);
    </script>

    You may choose from any of these parameters:

    • border-radius
    • border-width
    • border-color
    • shadow-offset
    • shadow-angle
    • shadow-alpha
    • shadow-blur
    • shadow-blur-x
    • shadow-blur-y
    • shadow-strength
    • shadow-color
    • shadow-quality
    • shadow-inner
    • shadow-knockout
    • shadow-hide
    • rotate
    • overflow
    • link
    • elasticity
  5. Add this in the loop somewhere Note: this is assuming that your images are not organized by month and day under Settings > Miscellaneous – the box is unchecked.
    Also, you can change the width to whatever you want and it will resize automatically

    <?php if ( get_post_meta($post->ID, ’rounded_img’, true) ) {
    $postimg = get_post_meta($post->ID, ’rounded_img’, $single = true);
    if((stristr($postimg,’http’)===FALSE) && (stristr($postimg,’wp-content’)===FALSE)) {
    $postimg = get_bloginfo(‘siteurl’).”/wp-content/uploads/”.$postimg;
    } ?>
    <div>
    <a href=”<?php the_permalink(); ?>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”>
    <img src=”<?php echo $postimg; ?>” alt=”" width=”140″  /></a>
    </div>
    <?php } ?>

  6. When you create a post, upload an image and copy the Link URL. Create a custom fields key rounded_img and paste the Link URL in the Value Box.

This post was originally published at Add SWFir to WordPress for nice rounded corners, shadows and other effects on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

]]> http://wpgarage.com/design/add-swfir-to-wordpress-for-nice-rounded-corners-shadows-and-other-effects/feed/ 0 Create Flash header or slideshow on WordPress easily with Flashfader plugin http://wpgarage.com/plugins/create-flash-header-or-slideshow-on-wordpress-easily-with-flashfader-plugin/ http://wpgarage.com/plugins/create-flash-header-or-slideshow-on-wordpress-easily-with-flashfader-plugin/#comments Sun, 05 Aug 2007 19:03:29 +0000 Miriam Schwab http://wordpressgarage.com/plugins/create-flash-header-or-slideshow-on-wordpress-easily-with-flashfader-plugin/ My Flash skills are non-existent, so when a client requested some kind of Flash header where the images fade out and in, I was happy that I remembered that I had once come a across a plugin that creates Flash slideshows. Flashfader plugin lets you easily create Flash slideshows and place them almost anywhere on [...]

This post was originally published at Create Flash header or slideshow on WordPress easily with Flashfader plugin on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

]]>

My Flash skills are non-existent, so when a client requested some kind of Flash header where the images fade out and in, I was happy that I remembered that I had once come a across a plugin that creates Flash slideshows.

Flashfader plugin lets you easily create Flash slideshows and place them almost anywhere on your blog.

How to use Flashfader:

  1. Extract the files and upload them to the plugins directory. There are two files: flashfader.php and flashfader.swf. Both have to be in the root directory of plugins, and not in their own folder.
  2. Install Flashfader.
  3. Go to Manage > Flashfader. The following screen appears:
    Flashfader screen shot
  4. Here you can customize the appearance of the slideshow:
    1. Width/Height: define the width and height of the slideshow. If you upload pictures that are bigger or smaller than this size, they will be automatically edited to the size you define here. So if you want to have complete control over how your pictures look in the slideshow, select and width and height, enter them here, and make sure all your images are exactly that size.
    2. Background color: This is the color that will appear before your first image fades in.
    3. Fade Order: your images can either appear in a selected order, or randomly. Enter 1 if you want your images to appear in the order you define. Enter 2 if you want the images to appear randomly.
    4. Image display time: This is how long each image appears for before it fades out.
    5. Imag2image fade time: This is how long the fade between pictures takes.
    6. XHTML-valid flash embed: You can state whether you want the embed code to be XHTML-compliant. I found that it worked fine when XHTML-compliant.
  5. Save your settings.
  6. In the next part of the screen, you upload the images you want to appear in the slideshow.
    Flashfader screen shot
  7. If you set the Fade Order in step 3 above to sequential, you do not need to worry about the first column of numbers. If you did select to have a sequential slideshow, you can easily change the order by entering numbers in the middle column in the above picture.
  8. Save your work.

You now have a completed Flash slideshow. But how do we get it to appear in the header of the site, or in any other part.

Integrating your new Flash show in your site

Open header.php and insert:

<?php include (ABSPATH.”wp-content/flashfader/flashfaderhtml.txt”);?>

This post was originally published at Create Flash header or slideshow on WordPress easily with Flashfader plugin on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

]]> http://wpgarage.com/plugins/create-flash-header-or-slideshow-on-wordpress-easily-with-flashfader-plugin/feed/ 61 Viper’s Video Quicktags is the best for embedding movies http://wpgarage.com/plugins/vipers-video-quicktags-is-the-best-for-embedding-movies/ http://wpgarage.com/plugins/vipers-video-quicktags-is-the-best-for-embedding-movies/#comments Sun, 10 Jun 2007 18:18:14 +0000 Miriam Schwab http://wordpressgarage.com/plugins/vipers-video-quicktags-is-the-best-for-embedding-movies/ After trying out many of the plugins available for helping WordPress users embed videos in their posts and Pages, the one that I find to be the best is Viper’s Video Quicktags plugin. Once activated, you can select which types of videos you want to become available on the editor. You can choose from YouTube, [...]

This post was originally published at Viper’s Video Quicktags is the best for embedding movies on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

]]>

After trying out many of the plugins available for helping WordPress users embed videos in their posts and Pages, the one that I find to be the best is Viper’s Video Quicktags plugin. Once activated, you can select which types of videos you want to become available on the editor. You can choose from YouTube, Google Video, IFILM, Metacafe, MySpace, Vimeo, Quicktime, generic video file format, and Flash (flv). Once you select the video formats, these appear on your visual editor as icons.

Viper’s Video Quicktags

All you have to do is click on an icon, and a pop-up window asks for the URL of the video you wish to embed.

Viper’s Video Quicktags>>

This post was originally published at Viper’s Video Quicktags is the best for embedding movies on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

]]> http://wpgarage.com/plugins/vipers-video-quicktags-is-the-best-for-embedding-movies/feed/ 6 Inserting Flash swf file in WordPress posts or Pages http://wpgarage.com/plugins/inserting-flash-swf-file-in-wordpress-posts-or-pages/ http://wpgarage.com/plugins/inserting-flash-swf-file-in-wordpress-posts-or-pages/#comments Sun, 10 Jun 2007 20:08:02 +0000 http://wordpressgarage.com/plugins/inserting-flash-swf-file-in-wordpress-posts-or-pages/ I’m no Flash expert, so generally if I’m dealing with Flash it’s Flash movies, which are .flv files. However, some people might need to insert Flash objects into their posts or Pages, and these files have the .swf suffix. Someone on a forum recently was on a search for the easiest and least destructive way [...]

This post was originally published at Inserting Flash swf file in WordPress posts or Pages on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

]]>

I’m no Flash expert, so generally if I’m dealing with Flash it’s Flash movies, which are .flv files. However, some people might need to insert Flash objects into their posts or Pages, and these files have the .swf suffix.

Someone on a forum recently was on a search for the easiest and least destructive way of inserting .swf files in their posts, and their conclusion was that the Kimili Flash Embed for WordPress plugin was the best option out there.

Kimili Flash Embed for WordPress>>

This post was originally published at Inserting Flash swf file in WordPress posts or Pages on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

]]> http://wpgarage.com/plugins/inserting-flash-swf-file-in-wordpress-posts-or-pages/feed/ 20 Adding unlimited streaming video to your site with Google Video http://wpgarage.com/tips/adding-unlimited-streaming-video-to-your-site-with-google-video/ http://wpgarage.com/tips/adding-unlimited-streaming-video-to-your-site-with-google-video/#comments Mon, 23 Apr 2007 08:23:29 +0000 Miriam Schwab http://www.wordpressgarage.com/tips/adding-unlimited-streaming-video-to-your-site-with-google-video/ A client gave me a 15 minute movie that they wanted uploaded to their site. The problem with such a long video is that it needs to be streamed, or else the user has to wait until a good portion is downloaded before they can view it. But adding streaming Flash video demands some Flash [...]

This post was originally published at Adding unlimited streaming video to your site with Google Video on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

]]>

A client gave me a 15 minute movie that they wanted uploaded to their site. The problem with such a long video is that it needs to be streamed, or else the user has to wait until a good portion is downloaded before they can view it. But adding streaming Flash video demands some Flash programming skills and the Flash software, from what I understand.

I decided to try to use one of the free online video sites. First I tried YouTube. The movie was rejected because of its length. Photobucket was even more restrictive in its size limitations. Then I did a search for “unlimited video hosting,” or something like that, and Google Video came up.

Google Video allows you to host videos with unlimited size and length! I don’t know why more people don’t use Google Video. Not only that, the embeddable player is prettier and less gaudy than the YouTube player, in my opinion.

The only limitation with Google Video is that you can’t upload Flash videos. But that’s not a major problem since you can easily convert Flash to Windows Media files with one of the free file conversion services like Zamzar.

I guess people like YouTube for its social aspect and community. But if you need to make a longer movie easily accessible, I highly recommend that you try Google Video!

This post was originally published at Adding unlimited streaming video to your site with Google Video on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

]]> http://wpgarage.com/tips/adding-unlimited-streaming-video-to-your-site-with-google-video/feed/ 1 Are Flash blogs the future? http://wpgarage.com/plugins/are-flash-blogs-the-future/ http://wpgarage.com/plugins/are-flash-blogs-the-future/#comments Tue, 20 Mar 2007 12:20:44 +0000 Miriam Schwab http://www.wordpressgarage.com/plugins/are-flash-blogs-the-future/ LutinCapuche Blog has developed a plugin called FlogMaker that changes your blog to a Flash-based blog. You can see a demo of a Flash blog on the site, and manipulate the background, colors, and more and see the results. It works like any other plugin, where you just upload and activate. It’s an interesting concept. [...]

This post was originally published at Are Flash blogs the future? on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

]]>

LutinCapuche Blog has developed a plugin called FlogMaker that changes your blog to a Flash-based blog. You can see a demo of a Flash blog on the site, and manipulate the background, colors, and more and see the results. It works like any other plugin, where you just upload and activate.

It’s an interesting concept. It’s hard to tell whether it is user-friendly or not because the demo is in French, so I found myself struggling to figure out what was what because of the language barrier. I am not sure this will catch on, though, since Flash sites are perceived to be non-accessible, and I’m not sure if this type of site is more accessible than any other Flash site.

FlogMaker>>

This post was originally published at Are Flash blogs the future? on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

]]> http://wpgarage.com/plugins/are-flash-blogs-the-future/feed/ 2