Please note this article was first published in 14 Sep 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.
You may have already discovered and had fun with Reason8’s amazing new Template Designer. This clever facility provides website builders with a range of flexible and simple to use tools enabling you to create a bespoke look and feel for your websites’ header and background. But there is another aspect to your website, which you can redesign to match the fantastic new look you’ve created for your website. Your main navigation menu buttons can also be completely redesigned with a huge choice of colours, animations and styles. By matching the design of your buttons with the new design of your header and background you can create the perfect website for your business.
You can check out the collection of tutorials we’ve created on using the new Template Designer. “Click here” to view those for the Header Designer and “Click here” for the tutorials on using the Button Designer.
Log in to your control panel and go to Step 2 (Style). Here you can access both the new header designer and your buttons designer. Click on the buttons area to access the designer.
There are 9 ways in which you can change your buttons: – Type, Position, Size, Spacing, Border and Font and then there’s the animation side of things.....; Rollover Colour, Rollover Font and Rollover Border.
The Rollover options will determine how your buttons change whenever a visitor hovers over or clicks one of your buttons. With each option, click the Show Me button to view the changes you have made.
You’ll need to decide whether vertical or horizontal buttons will work best on your new design. If you have more than 6 buttons you should choose vertical as there just won’t be room for your buttons to run across the top.
When you come to the border and font options, you’ll need to start thinking about colour. If you’ve already used the new template designer, you’ll recognise the clever colour spectrum and colour picker functions but the buttons designer is even more helpful! Here you have a colour palette, which is where the system has picked out a selection of colours for you including those already being used and other similar colours and basic colours which work well together.
Once you’ve chosen your colour scheme, you can start working on the animation side of things, which is determined by the Rollover options. The way in which the colours and fonts for your buttons change when you hover or click with a mouse can add both life and impact to your website so play around with the options to create the right animation to suit your website.
In the Rollover options you’ll be designing the look of your buttons for both the Normal and the Rollover views. Normal is the main button style, which is visible as standard without any influence from your website visitors. Rollover is the interactive button style, which appears once a visitor hovers their mouse over your buttons or clicks one of them.
Under Rollover Colour you set the background colours for both Normal and Rollover. Choose colours which work well with your overall website design but which also contrast well so that the button selected is shown clearly.
Rollover Font shows the alternating options for both font colour and format. The options include: Bold, Italic and Underline. So, for instance; you could set your Normal Font to be just Bold but for your Rollover setting, you could set the font to change to Bold and Italic or Italic and Underlined or even all three!
Your Rollover Colours and Fonts need to work well together so try to choose contrasting colours. For instance; a dark coloured font will not show up well at all on a dark coloured background. Opposite settings of dark and light work well here, i.e. a dark background and a light font for Normal and a light background and dark front for Rollover.
Rollover Border – Here you can choose from a simple line where only the colours will change animatedly or for more 3d animation choose the Out / In or Ridge & Groove options. Again the Border colours can dramatically affect the animation here so play around with contrasting borders for the best results.
Click here for some example Button Designs and to see how to create some great effects with the right combinations of settings and colours.
Please remember, this article was first published 14/09/2010. The content may be out of date and you cannot post comments any more. Please check out our new blog.
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.
If you need help, why not check out our huge selection of videos, step-by-step guides and knowledge papers.
We have helped many thousands of our customers create great looking websites. Take a look at a few examples, created using our website builder.
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.
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…
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.
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…
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 your business website to look too good? Too polished? Too slick? Too posh?
Perhaps it depends on how slick and posh you already are.
“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…
You are building a GDPR-friendly email list, and now you want to start sending out newsletters, the professional way. Where do you start?
“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…
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…
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…
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.
We are the DotGO: where everything is included and everything is managed for you, all at no extra cost.
We design websites to grow your business and wow your customers.
We are a UK company filled with passionate website designers and clever writers.
Friendly, professional and fast customer service is at the heart of everything we do. Our designers and unique technology make your website quick, responsive and secure, giving you the best chance of ranking well on Google.
If you need a shop, our own powerful ecommerce platform integrates beautifully. We train you to use our simple tools to update your website yourself. Our UK support team are on hand to provide sensible support and advice whenever you need it. We even power your professional email service, so you stay in contact with your customers by phone, tablet or computer.
Oh, and the best bit? It's cheaper than you may think, and we can get started right now.