Support Contact:
Phone: +40 (21) 310.63.42; Forums: extendstudio.com/support

Currently Browsing: Tutorials

Using A Dreamweaver Generated Slideshow In Wordpress

One of our customers asked: can I use your Image Show Pro Dreamweaver extension to create a header slideshow in Wordpress? Good thing that I’m a big Wordpress fan and I could quickly drop a slideshow on one of my blogs and see what’s needed to make it work. If you want to have cool flash slideshows with your Wordpress blog or website and you do not have the skills to implement jquery animations or simple you are not a big fan with the coding part, this tutorial will show you how to generate a slideshow in Dreamweaver with Image Show Pro Dreamweaver extension and make it work in a typical Wordpress installation.

It’s easier than you think if you don’t use URL rewrite permalinks.

  • copy the slideshow “/includes” files from the Dreamweaver location to the Wordpress folder (Image Show Pro creates a folder called “includes” in the Dreamweaver site);
  • you will need to manually edit the header.php file (location /wp-content/themes/[your template name]/header.php) and add the 3 JavaScript include files to the head section (please copy the ones from Dreamweaver, below are just samples).

<script type=”text/javascript” src=”/includes/ImageShowPro/flash_detect_min.js”></script>
<script type=”text/javascript” src=”/includes/ImageShowPro/xtdProBanner1.js”></script>
<script type=”text/javascript” src=”/includes/ImageShowPro/xtdProBannerLayout.js”></script>

  • edit the file where you want the slideshow to appear and add the rendering script (for example if you want to replace the typical Wordpress theme with the slideshow, edit the header.php file and add the rendering script there (again, below it’s just a sample): (more…)

Changes in Dreamweaver CS5

With the new release of Adobe Creative Suite CS5 we expected more than a few changes in the Adobe Products. We all had our share of good and bad things when using the CS4 products.

So what have changed after the new CS5 splash screen?

The new Dreamweaver CS5 loading image

New layout for the working environment, better tools for code inspection and testing in CS5

The split view is now vertical by default; it looks a bit unusual if you are used with the old horizontal split view, but from our tests you get used to it fairly quickly as it has the great benefit of showing more code without having to scroll. To help even more, CS5 comes with great additional tools to inspect the code:  a search bar, the CS Live option on the top right part of the interface before the minimize button and next to the Live view we have the Inspect button which is a cool new feature. It’s like having Firebug installed directly into Dreamweaver.

We also have some new tabs in the right panel that also have to do with the way you code: one is Adobe BrowserLab that can be found after clicking on the CS live button.

The CS live button from the top right is a new feature of Dreamweaver CS5 and it has the following : Adobe BrowserLab with the Preview in BrowserLab and BrowserLab home. In order to use these features you need an Adobe account. I think that in the near future we will do more and more testing online and also we’ll create web pages online:

(more…)

Creative Flash Scroller Tutorial – How to build a dynamic news nugget

In this tutorial we will create a dynamic news nugget that reads content from an xml file. It’s very useful when you want to display scrolling news content in a sidebar nugget. In order to create this you’ll need the Creative Flash Scroller AS3 – a Flash component that makes scrolling very easy. Here is how the result should look like:

Requirements

• Flash CS3 or CS4
• Creative Flash Scroller AS3 (you can download a free trial)

To make it work, you just need a bit of AS3 code. Here is the tutorial to guide you through.

Page 4 of 12« First...2345610...Last »