Special codes

xats allows the use of BBCode-esque formatting to allow you to easily embed popular services on your profile or chat group.

Use a special codes generator for ease of producing special codes.

Note:

  • Both HTTP and HTTPS (SSL) websites are supported.
  • All sizes work with percentages, e.g: [chat:45%:35%:chat id:chat name].
  • [chat:width:height:chat id:chat name]

For example, http://xath.hu/Test chat ID is 5, and its name is Test. This means the code will look like this:

  • [chat:728:486:5:test]

In addition, you can use different options for further functionality:

  • autologin will enable autologin by default
  • noradio will disable radio by default
  • nosound will disable sound by default
  • nomessages will not store old messages, exactly like the 'Don't store chat messages' option
  • transparent will load chats in transparent mode using wmode="transparent"

To do so, use the following code:

  • [chat:width:height:chat id:chat name:options]

You can even use multiple codes separated by a '-'.

For example:

  • [chat:728:486:5:test:nomessages-transparent]

Limitations

  • The chat will not load automatically if you set a height value lower than 300 or a width value lower than 400. If this is the case, you will have to click a "play" button for it to load.
  • The height and width must be greater than 5 for the chat to successfully embed.

Embedding a YouTube video

To embed YouTube videos, you need to copy the video ID from the URL and put it in place of video id.

  • [youtube:width:height:video id:options]

For example, if https://www.youtube.com/watch?v=Qyclqo_AV2M was your desired video, Qyclqo_AV2M would be the video ID and to use this video on chats and profiles, you will need to use the following code:

  • [youtube:200:200:Qyclqo_AV2M:8]

In the example above, no options were set but you can use the following:

  • autoplay=1
  • loop=1

An example with options set:

  • [youtube:200:200:Qyclqo_AV2M:autoplay=1&loop=1]

Note: If you want to make the video invisible, set the height and width values to 1.

  • [youtube:1:1:Qyclqo_AV2M:autoplay=1&loop=1]

You can also force different video resolutions:

  • [youtube:1:1:Qyclqo_AV2M:autoplay=1&loop=1&vq=hd1080]

The options are, in ascending quality: vq=hd720, vq=hd1080, vq=hd1440, vq=hd2160.

In addition, you can use YouTube playlists. For example, if https://www.youtube.com/playlist?list=PLmo4pBukfRoN8SB5RKvfiY9CTl9pI_IFc was your desired playlist, PLmo4pBukfRoN8SB5RKvfiY9CTl9pI_IFc would be the playlist ID. Add the ID of the first video in the playlist, followed by the playlist ID, as such:

  • [youtube:500:400:Qyclqo_AV2M:autoplay=1&list=PLmo4pBukfRoN8SB5RKvfiY9CTl9pI_IFc]

Embedding a Radio

xats recommends the embedding of radios via the service Radio. They provide their service in both SWF and HTML format. You can still use services such as SHOUTcast and Icecast.

  • [radioswf:width:height:player id]
  • [radiohtml:width:height:player id]

Replace player id with your Radio player ID, which can be found on the manage page under the "URL" heading.

Other radio services use the following, similar, format:

[radiohtml5:ip:port:extra]

  • IP = Streaming IP.
  • Port = Streaming Port.
  • Extra = Streaming mount point. (shoutcast/icecast)

[radio:width:height:ip:port:extra:skin]

  • IP = Streaming IP.
  • Port = Streaming Port.
  • Extra = Streaming mount point. (shoutcast/icecast)
  • Available skins: 3dpixelstyle, atomicred, bekle, bluemetal, comet, controlpanel, dangdang, fashion, festival, grungetape, icecreamsneaka, kleur, magma, metarby10, modieus, nacht, neon, pearlized, pixelize, playcaso, schoon, seawave, silverywhite, sneal, stijl, traganja

Embedding from Facebook

Embedding a page

To embed a Facebook Page and its posts, you just need the name of the desired page.

  • [box:fbposts:width:height:page name]

Replace page name with the name of the Facebook Page you want to embed.

For example:

  • [box:fbposts:300:400:chats]

Embedding a like box

Once again, to embed a Facebook like box, you only need the name of the desired page.

  • [fblike:page name]

For example, to embed a Facebook like box:

  • [fblike:chats]

Embedding from Twitter

Use the following code to embed a Twitter profile:

  • [box:twitter:width:height:page name]

For example:

  • [box:twitter:300:400:xats]

Embedding from Geovisite

You first need to register on Geovisite to create your own globe and clock.

For the following codes, the geo id variable refers to the identification number of your Geovisite account. To access it, simply login in here.

Note: Geovisite is not affiliated with xat. We strongly suggest you to use a different password on Geovisite than on xat.

Embedding a globe

Use the following code to embed a globe:

  • [box:globe:width:height:geo id]

For example:

  • [box:globe:180:190:398644531899]

Embedding a view counter

Use the following code to embed a view counter (named clock on Geovisite):

  • [box:counter:width:height:geo id]

For example:

  • [box:counter:200:200:398644531899]

Embedding a bubble shooter game

You can embed a bubble shooter game by using the following code:

  • [box:bs:width:height:n]

n refers to the color of the background and can be replaced by any integer between 1 and 10.

1 is default, 2 is blue, 3 is sea, 4 is orange, 5 is pink, 6 is green, 7 is yellow, 8 is white, 9 is red and 10 is purple.

  • Note: Using a different size than the default one (645x645) may break the design.

For example:

  • [box:bs:645:645:1]

Custom Fonts

You can use custom font types from Google Fonts with the following code:

  • [font:font name]

For example, to use the Open Sans font, the code will look like this:

  • [font:Open Sans]

Icons

Before using any icons, you must first include the library that you wish to use. There is currently support for the following icon libraries:

Once you have found the desired icon, and have included the correct library, use the following format to display the icon:

  • [icon:icon_name:icon_size]

The icon sizes must be 1-100 pixels.

When using the Bootstrap or Font Awesome libraries, you do not need to include the "fa fa-" or "glyphicon glyphicon-" prefixes, only the main word.

For example:

  • The "fa fa-comments" icon from Font Awesome uses the code: [icon:comments:icon_size]
  • The "glyphicon glyphicon-asterisk" icon from Bootstrap uses the code: [icon:asterisk:icon_size]

Suggestions

If you have any suggestions for new special codes or how to improve the current system, please click here and post a new thread with your suggestions.

More codes may be added with time.