Samples index - Translator Revolution PRO

These samples are meant to show different configurations and how to make small CSS customizations.
The Firebug plugin for Firefox is highly recommended for deep CSS customization, it privides an easy way to explore the DOM structure and change CSS styles.

Since the translators use cookies to remember the user selected languages, every translator in this set of samples has its own unique id to prevent unwanted behaviors.
These options can be changed using the remember, remember_auto_translate, remember_cookie_from_name, remember_cookie_to_name settings, see the reference for more information.

Sample 1

  • sample_1.php
    Basic usage, setting up the folders, skins, custom text for the translator's tab title. CSS adjustments to place the translator bar in the 4 page's corners.
  • sample_1_a.php
    Show only the languages flags in the translator's bar, and both flags and languages names in the tab.
  • sample_1_b.php
    Show only the languages names in the translator's bar, and both flags and languages names in the tab.
  • sample_1_c.php
    Show only the languages flags in the translator's tab, and both flags and languages names in the bar.
  • sample_1_d.php
    Show only the languages names in the translator's tab, and both flags and languages names in the bar.
  • sample_1_e.php
    Show only the languages flags in both translator's bar and tab.
  • sample_1_f.php
    Show only the languages names in both translator's bar and tab.
  • sample_1_g.php
    Basic usage, setting the folders on pages which use the base tag in the head.
    * The code needs to be modified to set the real base tag value.
  • sample_1_h.php
    Manually load the CSS files.

Sample 2

  • sample_2.php
    Select available languages, custom translator labels. Hide the bar icon and the from option. Arrange the tab's languages in 3 columns.
  • sample_2_a.php
    Show only the languages flags in the translator's bar, and both flags and languages names in the tab.
  • sample_2_b.php
    Show only the languages names in the translator's bar, and both flags and languages names in the tab.
  • sample_2_c.php
    Show only the languages flags in the translator's tab, and both flags and languages names in the bar. Arrange the tab's languages in 8 columns.
  • sample_2_d.php
    Show only the languages names in the translator's tab, and both flags and languages names in the bar. Arrange the tab's languages in 4 columns.
  • sample_2_e.php
    Show only the languages flags in both translator's bar and tab. Arrange the tab's languages in 8 columns.
  • sample_2_f.php
    Show only the languages names in both translator's bar and tab. Arrange the tab's languages in 4 columns.

Sample 3

  • sample_3.php
    Show the translator's tab by default and hide the bar. Arrange the tab's languages in 2 rows.
  • sample_3_a.php
    Show only the languages flags. Arrange the tab's languages in 1 row.
  • sample_3_b.php
    Show only the languages names. Arrange the tab's languages in 1 row.

Sample 4

  • sample_4.php
    Show the translator's tab by default and hide the bar. Arrange the tab's languages in 2 rows. Hide the title.
  • sample_4_a.php
    Show only the languages flags. Arrange the tab's languages in 1 row.
  • sample_4_b.php
    Show only the languages names. Arrange the tab's languages in 1 row.

Sample 5

  • sample_5.php
    Show the languages swap button along with the re_select_on_translation option. Hide the tab's title icon. Hide the Detect language option and show CSS3 styles.

    * CSS3 is available in modern browsers only. If the browser doesn't support CSS3, the translator will be displayed with the basic styles.

Sample 6

  • sample_6.php
    Show translators for articles. Hide the initialization message. PHP sample code to use random skins.

    * CSS3 is available in modern browsers only. If the browser doesn't support CSS3, the translator will be displayed with the basic styles.

Sample 7

  • sample_7.php
    Show translators for articles. Show the translator's tab by default and hide the bar. Arrange the tab's languages in 1 row. Hide the languages names.

    * CSS3 is available in modern browsers only. If the browser doesn't support CSS3, the translator will be displayed with the basic styles.

Sample 8

  • sample_8.php
    Show translators for articles. Disable the skin and manual CSS customizations. Hide the initialization and loading message. Hide the restore button.

    * CSS3 is available in modern browsers only. If the browser doesn't support CSS3, the translator will be displayed with the basic styles.
  • sample_8_a.php
    Show translators for articles. Disable the skin and manual CSS customizations. Hide the initialization and loading message. Hide the restore button.
    Show a main translator to translate all articles.

    * CSS3 is available in modern browsers only. If the browser doesn't support CSS3, the translator will be displayed with the basic styles.

Sample 9

  • sample_9.php
    Manually Load the jQuery framework to show and hide the translator's tab using the effects defined in the tab.show_effect and tab.hide_effect options.
    Use the remember_auto_translate option (in order to see it working, make a translation and then reload the page; click the restore button to disable the auto translation feature).

    * in order to show the fade effect, the screenshot has been taken during its transition.
  • sample_9_a.php
    Using the jQuery framework to show and hide the translator's tab.
  • sample_9_b.php
    Translate cufon text.

Sample 10

  • sample_10.php
    Custom restore and loading images.
  • sample_10_a.php
    Custom restore and loading images. CSS customizations to disable the skin backgrounds.

Sample 11

Sample 12



Find all the information about the settings in the reference.

Find all the information about how to install the translator in the installation guide.

Translator Revolution PRO | Copyright © 2011 Sur Studio.