Create a background image rotator in an Affinity Aspire page.
The technique works for any Aspire layout. Here is Layout 2:
To complete the tutorial, create a new folder inside the root of your defined Dreamweaver site and name it brm-aspire.
We.ve made the sample images available to help you complete this tutorial quickly. We've also included an alpha-transparent verssion of the default Aspire Logo. The zip file also contains a small CSS file. Download the pictures and unzip them. Place them inside the root of your new brm-aspire folder.
Create a new Affinity Aspire page and save it inside your brm-aspire folder. Choose any layout.
Switch to code view and locate your closing head tag:
Create a new line above the closing head tag and add a link to the brm-aspire CSS file:
<link href="brm-aspire.css" rel="stylesheet" type="text/css">
Switch back to Design View.
Open the BRM and add your scroller. Use the images you downloaded...or your own.
Switch to Code View and locate your page's opening body tag:
The existing class will be the word aspire, folowed by a dash and a number that corresponds to the layout you selected when you created the page. We are going to add the brm class as a second class to the tag, so it looks like this:
<body class="aspire-4 brm">
Background Rotator Magic works on...
Background Rotator Magic is an indispensable tool that will make your job and your life a lot easier.