Welcome to the FEXTools page.

Xat chat CSS generator:

Outer Background:
Outer Image Outer Color
Outer Image URL:
Disable the HTML below the chat?:
Top left (after xat image) banner: | Banner image:
Fade the inner chat when loading?: | Fade inner chat:
Custom cursor?: | Cursor image:
Font color: (HEX code)

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z

Font-family:

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z

Text-shadow:

Horizontal shadow: px | Vertical shadow: px
Blur strength: px | Color: (HEX code)

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z

Chat box-shadow (Glow around the chat):

Horizontal shadow: px | Vertical shadow: px
Blur strength: px | Spread strength: px
Color: (HEX code) | Inset:

This black box resembles the chat box.

Notes for some features:
1. For the Inset to work, you must go to the main edit chat settings and set the chat to transparent.
2. Xat seems to dislike 3 length HEX codes. So use 6 length ones or color names. Example: "#FFFFFF" or "white" should work fine.
3. Banner image size is typically 300x**. (Height: 45px, width: as long as you want)
4. You can have a gif (animated) inner/outer background. For the inner, you would need to have transparent chat as said in step 1.
Embed Code: Where to put the code: