Welcome back to Changing Your Buttons - Part 3
Content taken from older UK website builder blog posts
Welcome back to Changing Your Buttons - Part 3
Please note this article was first published in 09 Nov 2009. 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.
Welcome back to Changing Your Buttons - Part 3
This is Part 3 of the tutorial looking at the new upgraded editing system for the buttons on your navigation bar. The Button Wizard has recently been updated to offer a host of new and exciting features and options. These options will allow you to design new, fun, animated, colour co-ordinated, dynamic buttons to grab visitors attentions and help guide them through the pages of your website. If you've taken the time to build your website and have got the pages looking great, then it seems only right to make the doors to those pages look inviting too!
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.
Navigation Bar 3
If you missed parts 1 and 2, click on them here.
Changing Buttons Part 1
Changing Buttons Part 2
Now for the clever creative bit!
In the last tutorial we looked at the size, positioning and spacing of your buttons. Now we can get started on the colourful creative stuff. This is where the before (Normal) and after (Rollover) background colours, borders and fonts you choose will make your buttons come alive.
The Colour Picker
Once you’ve chosen your colours, selecting them couldn’t be easier with the new Colour Picker! Several of the customisable features of the button editor use the DotGO colour picker, which offers you a choice of more than 6million colours! To use the picker, simply click inside the colour box and a colour picker window will open. The sliding bar on the left selects the broad colour ranges and the bigger colour spectrum box on the left allows you to select the exact colour you want. Your choice will be shown in the top right selection window. If you already kno
w the special (Hex) colour sequence of the colour you want then you can simply type it into the box below the picker. (Remember to prefix the number with a special ‘#’ symbol). Once you’re happy, simply close the window.
Quick Choices from the Colour Palette
To save you time and make things even easier for you, there's also a quick colour palette to choose colours from. Just click on “Choose from Palette and it opens up with some pre-chosen colours. We include your main website colours and any colours you have chosen while building your buttons.
The first colour settings you need to choose are for your border. You can choose whether you want to show a border line on any one or all four sides of your button. You’ll see, options for Left, Top, Bottom and Right or All and you can choose a border thickness of; none, thin, medium, thick or extra thick. You don’t have to have a line on all four sides and you can create some interesting buttons by experimenting with the options here.
ROLLOVERS
Rollover – All the options here are for Normal and Rollover. Normal is the primary button style and Rollover is the new button style, which the button will animate to once a visitor has either hovered their mouse over your buttons or clicked one of them.
Under Rollover Colour you can set the two backgrounds you wish your button to change from and to. Rollover Font shows both the Font colours and the styles you can choose from, which include Bold, Italic and Underline. Rollover Colour and Font need to work well together so try to choose contrasting colours. For instant and dark red text will no show up on a black background. Opposite settings of Dark and light work well here, i.e. dark background and light font for Normal and 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 Out / In or Ridge & Groove.
Again the Border colours can dramatically affect the animation here so play around with contrasting borders for the best results.
We’ll look at some Buttons Ideas in the next tutorial to show you how all these settings can work with each other and to show some of the exciting effects, which can be created with the right choices of settings and colours.
Please remember, this article was first published 09/11/2009. The content may be out of date and you cannot post comments any more. Please check out our new blog.
Own a website you are proud of.
One that looks professional on any device,
performs well on Google and is easy to update.
Build your own business website
You build it
Choose a design you like
With simple, powerful tools
and friendly customer service.
Let us build your website for you
We build it
Choose a design you like
From just £299
Usually complete within 10 days.
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.
Get help and support
If you need help, why not check out our huge selection of videos, step-by-step guides and knowledge papers.
Check out real examples
We have helped many thousands of our customers create great looking websites. Take a look at a few examples, created using our website builder.