Create Websites with CHEETAH

The most important design elements at a glance (14)

Depending on the intended use, a distinction is made between fixed (countdown) timers, evergreen timers and recursive timers. These types can be explicitly set via the timer property "Type".

Specific Date Time:

It counts down to a time specified by date and time.

Countdown Timer:

A countdown counter counts down to a specific date and time every second (Specific Date Time) or a number of days, hours, minutes and seconds is specified from which it counts down to zero every second (Countdown).

Evergreen Timer:

An evergreen timer shows how long a visitor can still take advantage of the offer on the website.  Once the time period has elapsed, the offer also ends.

Reload Timer:

After reaching the target time, the timer is reinitialized and restarted (recursive timer).

Which action is triggered as soon as the timer has counted down to zero is set via the link symbol in its header menu. Usually this will be a redirection to another website, but also the display of a popup with further information or the activation of a member area are possible.

Animated elements (counters, progress bars)

In the element selection of the site builder there are also a few very simple "Animated Elements", with which you can conjure up a counter or a progress bar on a web page. However, their usefulness is still low, since they are autonomous elements. They can only count up a number display (e.g. from 0 to 1000) or draw a progress bar as a visual show element (and without any connection to a parallel running process like the download of a file). The elements can be freely designed in the usual way with regard to frame and color. Otherwise, only the category "Text counter" is essential here. Here you define a numerical start value and an end value up to which the text is incremented in steps of 1. How fast this happens depends on the entry "Timer". 1000 means one second. A value below increases and a value above decreases the count rate. Furthermore, you can specify the font and the font size with which the digits in the counter are to be displayed.

Embed objects via the iFrame element

Often you want to embed content from platforms like Youtube (videos), Google (maps), Blogger (blog articles) or Yumpu (pdf's) into your own website. The aforementioned platforms provide a so-called "embed code" for this purpose, which is to be inserted into the website code at the appropriate place. Unfortunately, in the case of "Cheetah Sitebuilder", you do not have write access to the actual web page coding. But "Cheetah" offers a corresponding element in its element list, with which iFrames and embed codes can be easily integrated into a web page. It can be found in the right side menu under "New" - "Elements" - "iFrame / HTML":

It may seem simple in structure at first glance, but it is nevertheless probably the most powerful element in the "Cheetah" element selection.

Embed any web pages
Let's start with the simplest case, embedding any web page into an iFrame. All you need is the iFrame / HTML element of "Cheetah" (drag it to the web page) and a valid web address, e.g.

After you have positioned the iFrame element on your website, switch to its settings page. There you will find the "Embed URL" input field under "General Settings". In this field, enter the full URL of the web page that you want to have displayed on your web page in an iFrame. Then specify the height and width of the iFrame - and the result might look something like this:

It really couldn't be simpler.

TB Amazon