Live list of your servers with description, online drivers, best laps and links to launch the game or watch live timing.
Before You Begin
Before you setup the widget, you need to have access to the source code for your website.
The following instructions describe how to add the widget snippet your site. They assume
You have added your league on LiveRacers
Copy and paste following snippet into your web page <head>...</head> section. Ensure the snippet is only present once on your website at all times. In case you don't have access to the <head> section, paste the snippet anywhere into the <body> section, but make sure it's only ever present once on the website.
Position the following element that will contain the list of live servers on your page (inside <body>...</body>).
Deploy your website and refresh the page. The container with lr-servers element should now contain a widget with live servers, looking similarly to these (depending on selected theme):
Support for multiple Domains
Specify one or more domains in the 'domains' property of the 'window._lr'
It is possible to customize the way Widgets look and feel. You can choose from the following themes
To apply a theme to a widget, set the widget's element attribute 'theme' to desired value. Example
<div id="lr-servers" theme="dark"></div>
Note that widget background is transparent, so the widget will use the background color of your website
By default a widget width is 200px. Minumum width of this widget is 160px. To customize the widget width, you can use the 'width' attribute
<div id="lr-servers" width="200px"></div>
It is also possible to customize the orientation of the widgets, stretching it horizontally or vertically
To apply orientation to a widget, set the widget's element attribute 'orientation' to desired value:
<div id="lr-servers" orientation="horizontal"></div>
Some applications allow joining your servers via web link. This is enabled by default. If you wish to hide this link, you can set this setting to false
<div id="lr-servers" canjoin="true"></div>
<div id="lr-servers" filter="filterLrServers"></div>
Selection of official and community plugins for easy integration of LiveRacers widgets into popular web tools. Any contributions are more than welcome!
Community (unofficial) plugin provided by Phil Lewis
If you have any questions or problems, contact firstname.lastname@example.org.