Animate your new header.
Please note this article was first published in 30 Oct 2010. Its content may now be out of date. We recommend taking a look at more recent website building blog posts or check out our comprehensive support pages. If you are looking for information on our 14 day free website builder trial we have a large number of webpages that guide you throug the process.
Animate your new header.
Reason8’s new Website Template designer not only enables you to build a website and design your own header and background but can even help you to add impact with some clever animation options. There are endless options for colour, style text and images to help you create the perfect look for you business. Bringing it to all life with animation will help grab the attention of internet users and bring them into your website. Let’s look at the animation options for images.
web header animate
Should you need help with any step of creating your new header and website design, click here to check out a series of tutorials created to help you get the very best out of Template Designer.
If you’re starting from scratch with a new trial, simply choose your preferred starter template from all the categories and choices available and click personalise. If you’ve already started designing your website and header background, login to your website, click step 2 and click the header to access the template builder facility.
Image Animation
The template builder allows you to create a slide show of images within your header. It is recommended to use only 2 to 3 images within a slide show as too many can make your header slow to load up and you don’t want viewers to have to wait too long to see your stunning design!
Click the images tab at the top of your template designer and select 2 to 3 images of roughly the same size. You can choose them from our library or upload them from your own.
Drag and drop your first image into position on your header and set the size, 3D, Colour and Edges options as required.
Drag and drop the second image on top of the first, making sure it completely covers the first image. Images of the same size will help you to do this but you can of course alter the size to fit. You can also set 3D, colour and edge options if required. For the second image set the “FADE IN“ time to 1.50 using the slider. This will delay the appearance of the second image allowing the first to appear for a short time before being covered by the appearance of the second.
Drag and drop the 3rd image, again directly over the top of the second image and set its delay time to 3.00.
Click the Play button to see the effect you have created.
You can go back and tweak the sizes, settings and delay times as much as you like to get the best effect. To access the first and second images to alter settings, simply drag and drop the top images out of the way and then put them back once you have finished tweaking.
You can click the play button as many times as you like to see the altered effect.
Please remember, this article was first published 30/10/2010. The content may be out of date and you cannot post comments any more. Please check out our new blog.
Want to learn more ?
Find out more about us
We have been in business since 2003. Back when the founders of Facebook were still in college, we were writing code and helping our users create great websites.
Affordable business website design
If you need help, why not check out our huge selection of videos, step-by-step guides and knowledge papers.
UKs most trusted
We have helped many thousands of our customers create great looking websites. Take a look at a few examples, created using our website builder.
Latest blog posts
Evolving Your Website Using Background Videos
These days, websites without background videos run the risk of appearing old-fashioned. Even dinosaurish,
There’s nothing wrong with dinosaurs, or with looking like one. Dinosaurs are cool. Unless they’re chasing you of course.
But our new background videos have landed, exploded and changed the game. They have wiped out the old standards for beautiful websites, and have replaced them with a new standard that will leave all other websites looking like fossils.
Luckily, both our existing clients and our new ones have access to this brilliant new feature we’ve introduced, and we’d like to share its benefits with you today.
Bold, Italics, Capitals – When To Call On Your Superheroes
A superhero is only super because he or she stands out amongst the crowd. If we were a planet of flying, teleporting, time-freezing super-strong aliens, then we wouldn’t think there was anything super about us. When it comes to using formatting methods such as bold, italics, capitals or centering, all of these little text-enhancing superheroes will only stand out if they are used sparingly, in the right place, and when absolutely necessary…
Do I Need To Add Testimonials To My Website?
Reviews, testimonials, recommendations – we all seek reassurance in them. We might even skip past the good ones just to see if there are any bad ones.Other people are sources of information for us. They can tell us whether this product or service is actually any good or not. Reading their testimonials builds trust in your business.
Should I Buy Multiple Domain Names For My Website?
If I have multiple domain names, will my website rank better on the search engines? Will I be more likely to draw in extra traffic? Will my website become a supercharged powerhouse bursting with domain names that will become a magnet for new business? The answer might not be quite as positive as you would expect, but hopefully we can answer your questions during this article…
How To Choose The Best Domain Name For Your Website
Choosing a domain name for your new business may not be as simple as you think. Most people just use their company name, but unless your branding is well recognised, this may work against you…
Is It Possible For A Website To Look Too Good?
Is it possible for your business website to look too good? Too polished? Too slick? Too posh?
Perhaps it depends on how slick and posh you already are.
Stop Collecting Email Addresses On Your Website…Unless You Have Permission!
“If a customer fills out a form and adds their email address, what can I do with it?” This is a terrible question, asked by non-GDPR compliant cavemen and cavewoman who still think it’s OK to treat other people’s info as if it’s their own…
How Do I Send An Email Newsletter?
You are building a GDPR-friendly email list, and now you want to start sending out newsletters, the professional way. Where do you start?
Selling Isn’t A Dirty Word. Selling Is Serving!
“Don’t sell your product. Solve their problems.” Mark Cuban’s wise words sum up the art of selling – it is about helping people, fixing problems and improving the lives of others…
Don’t Be A Clown. Get A Professional Email Address For Your Business.
iF we’re honest, not many people will accuse you of clownery for not having a proper business email address. But they might not call you professional either…
A Website To Grow Your Business, In Just Over A Week
Building a professional website to grow your business should be easy and seamless from start to end. We offer to build your business website for you, in four easy steps…
Is Your Website Secure? Upgrade To HTTPS ASAP!
When July 2018 hits, Google Chrome will make sure a strong warning will pop up on any website that has not yet updated from “http” to “https”. The warning will include something along the lines of “Website Not Secure”. Here’s how to avoid it.