Create Websites with CHEETAH

The most important design elements at a glance (2)


"Buttons" are frequently used elements on web pages, as they allow linking to other web pages, downloading files, saving information (for example a contact form) or opening a popup window (to name just a few use cases). In principle, they resemble boxes with the difference that buttons do not act as element containers and cannot be pinned anywhere on the web page as a "sticky element".

The selection of prefabricated buttons is very large in "Cheetah", as a look at the element selection shows:

The most important properties you can set concern the color design (including gradients and hover effect), frames and corners (rounding, shadows), the caption (a main and a secondary heading, icons) and a large number of animation effects. Especially the latter should always be used, if you want to animate a website visitor extra, e.g. to trigger a special call-to-action with a click on a button. This can be done, for example, by a slight "wobble" of the button as soon as the mouse pointer touches the button.

But also a variety of "exotic" animation effects (such as "rotateOut") invite you to systematically try out the category "Animation" of the button settings. By the way, in "Cheetah" there are more than 60 such animation effects to choose from...

The essential feature of a button can be found in its header menu, namely the link icon. If you click on it, the setting window "Configure redirects" appears, which you already know from other elements:

On the left side you select the type of "redirection" and then in the right area you can configure it accordingly. In this case, clicking the button would cause the Cheetah Sitebuilder web page of the builderall-power domain to pop up in the browser under a new tab. But as you can see from the choices in this window alone, there are far more ways to assign a specific action to a button. Here, too, it is worth trying out the individual categories for yourself.

Tip: Often you need to align several buttons (or more generally, "elements") horizontally or vertically. For this purpose, there is a special alignment function in "Cheetah" that works as follows: You click one after the other with the key pressed (and without releasing the key) on all elements that you want to align. Essential here is the header menu of the last clicked element (i.e. the reference element). It consists of one icon for vertical alignment and one icon for horizontal alignment. Now click on the "desired", and the just selected elements will be realigned according to the reference object.

TB Amazon