FlashPioneer Video Chat -- Administrator Manual Return to Chat Homepage
Welcome
Introduction of Flash Chat
Installation
 
System Requirements
 
Install Flash Server on Windows
Install Flash Media Server
Install Red5 Server
 
Install Flash Server on Linux
Install Flash Media Server
Install Red5 Server
 
Install Video Chat Server
Installation of FMS Edition
Installation of Red5 Edition
 
Install Video Chat Client
Installation of Client
Configuration via setting.xml
Make your Client Setup program
Custom Skin
 
Upgrade
 
Database Integration
Install Chat's database (PHP)
PHP Interface description
Install Chat's database (.NET)
.NET Interface description
 
Administrator's Guide
 
Administrator Panel
Monitor
Setting
Room
User
News
Account
 
FAQ and Troubleshooting
Installation Tour (Linux) RED5 Edition
Installation Tour (Linux) FMS Edition
 

   Install Video Chat Client -- Custom Skin


Default location of interface style package is in directory "theme", and one directory stands for one style.

1. Under directory theme create a new directory, which should be named as the style name to be created. The name can only be composed by numbers, letters and "_", what's more, "_" cannot be placed at the beginning.

2. Copy all the files under directory themes/default into the new directory, including several swf files, theme.xml and color.xml.

1) These swf files respectively stand for some parts of the interface, and their functions are defined in theme.xml.

<?xml version="1.0" encoding="UTF-8" ?>
<skins>


<BACKGROUND>
<item name="Bus" value="bus.swf" />
<item name="Christmas" value="christmas.swf" />
<item name="City Sky" value="citysky.swf" />
<item name="Dreamland" value="dreamland.swf" />
<item name="Fallen Leaves" value="fallen leaves.swf" />
<item name="Flower Bubbles" value="flower bubbles.swf" />
<item name="Grass Land" value="grassland.swf" />
<item name="Grass Plot" value="grassplot.swf" />
<item name="Heaven" value="heaven.swf" />
<item name="Leaves Boat" value="leaves boat.swf" />
<item name="Lovely Cloth" value="lovely cloth.swf" />
<item name="My Space" value="my space.swf" />
<item name="Night Sky" value="nightsky.swf" />
<item name="Pink Dream" value="pinkdream.swf" />
<item name="Snow Kingdom" value="snow kingdom.swf" />
<item name="Snow Night" value="snow night.swf" />
</BACKGROUND>
Background animation of text area.

<LOGO value = "logo.swf" />
Your logo file path.

<MAIN_BG value = "main_bg.swf" />
Main background

<CLOSE_ON value="close_over.swf" />
<CLOSE_OUT value="close_out.swf" />
Window close button. CLOSE_ON: button status when mouse over; CLOSE_OUT: button status when mouse out.

<MIN_ON value="min_over.swf" />
<MIN_OUT value="min_out.swf" />
Window minimum button. MIN_ON: button status when mouse over; MIN_OUT: button status when mouse out.

<BTN_ON value = "btn_over.swf" />
<BTN_OUT value = "btn_out.swf" />
Style of common button. BTN_ON: button status when mouse over; BTN_OUT: button status when mouse out.

<COMBO_BTN_ON value = "combo_btn_over.swf" />
<COMBO_BTN_OUT value = "combo_btn_out.swf" />

Style of ComboBox button.

<TAB_BTN_ON value = "tab_btn_over.swf" />
<TAB_BTN_OUT value = "tab_btn_out.swf" />

Style of Tab

<CHATTOOL_BTN_ON value = "font_btn_over.swf" />
<CHATTOOL_BTN_OUT value = "font_btn_out.swf" />

Style of Font button.

<ABOUT value = "about.swf" />
"About" dialog.

<PANEL_BG value = "panel_bg.swf" />
Common window background

<VIDEO_BAR value = "video_bar.swf" />
Video window title bar

<JOINTIP_BG value = "jointip_bg.swf" />
Joining tip window background


<CHATROOM_BG value = "chat_bg.swf" />
<CHATROOM_BAR value = "chat_bar.swf" />
Chat room background and bar

<CHATTOOL_BG value = "chat_tool_bg.swf" />
Chat tool background

<CHATROOM_BACK_ON value = "back_lobby_over.swf" />
<CHATROOM_BACK_OUT value = "back_lobby_out.swf" />
Button style of back to lobby

<CHATROOM_VIEW_ON value = "viewlog_over.swf" />
<CHATROOM_VIEW_OUT value = "viewlog_out.swf" />
Button style of view chat history

<ONLINE_BG value = "online_bg.swf" />
Online user list background

<NEWS_BG value = "news_bg.swf"/>
News panel background

<ROOMS_BG value = "rooms_bg.swf" />
Room list background

<ROOM_ON value = "room_on.swf" />
Room background when mouse over
<ROOM_OUT value = "room_out.swf" />
Room background when mouse out

<ROOM_PRIVATE value = "room_private.swf" />
Private room icon
<ROOM_PUBLIC value = "room_public.swf" />
Public room icon
<ROOM_OWNER value = "room_owner.swf" />
Room owner icon
<ROOM_SUM value = "room_sum.swf" />
Icon for the number of people

<ICON_MANAGE value = "icon_manage.swf" />
<ICON_CONFIG value = "icon_config.swf" />
<ICON_ABOUT value = "icon_about.swf" />
<ICON_HELP value = "icon_help.swf" />
<ICON_PROFILE value = "icon_profile.swf" />
<ICON_LOGOUT value = "icon_logout.swf" />
Icon of top navigation button

<ICON_HOME value = "icon_home.swf" />
Home icon

<PREMSG_BG value = "premsg_bg.swf" />
Predefined message background
<PREMSG_ADD_ON value = "premsg_add_on.swf" />
<PREMSG_ADD_OUT value = "premsg_add_out.swf" />

Button for add predefined message
<PREMSG_DEL_ON value = "premsg_del_on.swf" />
<PREMSG_DEL_OUT value = "premsg_del_out.swf" />

Button for delete predefined message

<SOUND_BG value = "sound_bg.swf" />
Sound panel background

<TOPNAV_ON value = "topnav_on.swf" />
<TOPNAV_OUT value = "topnav_out.swf" />
Top navigation button style

<SLIDER_TRACK value = "slider_track.swf" />
Sound slider track
<SLIDER_ARROW value = "slider_arrow.swf" />
Sound slider drag bar

Scroll bar's style
<SCROLLUP_ON value = "scrollup_on.swf" />
<SCROLLUP_OUT value = "scrollup_out.swf" />
Up arrow
<SCROLLDOWN_ON value = "scrolldown_on.swf" />
<SCROLLDOWN_OUT value = "scrolldown_out.swf" />
Down arrow
<SCROLLTRACK value = "scrolltrack.swf" />
Scroll bar track
<SCROLLBAR value = "scrollbar.swf" />
Scroll bar's drag bar

<ADMIN_BG value = "admin_bg.swf" />
Management panel background
<ADMIN_BAR value = "admin_bar.swf" />
Management panel title bar background

</skins>

To publish swf file, please use Adobe Flash or some other tool, such as Sothink SWF Quicker

During the creation of SWF file, please pay attention to the following notices:
  1. Don't use symbol, please directly draw vector in stage
  2. Try your best to keep the size same as original style file.
  3. The top left corner coordinate of all the things must locate at (0,0) in the stage.

2) Color.xml, defined global color setting.

<?xml version="1.0" encoding="UTF-8"?>
<SkinColor>


<textColor value = "0x011001" />
Static text color
<textHoverColor value = "0x003366" />
Text color when mouse over
<textDisabled value = "0x666666" />
Text color when disabled
<inputColor value = "0x011001" />
Input text color
<textarea_borderColor value = "0xA8D0E6" />
Text area border color
<textarea_background value = "0xFDFDFD" />
Text area background color
<textarea_disabledBackground value = "0xDEDEDE" />
Text area background color when disabled

<tooltip_color value = "0x000000" />
<tooltip_corner value = "0" />
<tooltip_border value = "0x111111" />
<tooltip_background value = "0xFFFFDD" />
<tooltip_shadow value = "0x000000" />

Style of tooltip text window

<alert_shadow value = "0x6699CC" />
Alert window shadow color
<scrollsign_color value = "0xBED9E7" />
Scroll bar's drag bar color

<news_textColor value = "0x006699" />
Scrolling news text color
<news_rollOverColor value = "0x006600" />
Scrolling news text color when mouse over

<list_textColor value = "0x222222" />
List component text color
<list_background value = "0xFDFDFD" />
List component background color
<list_borderColor value = "0xA8D0E6" />
List component border color
<list_rollOverColor value = "0xECF3F9" />
List component background color when mouse over
<list_rollOutColor value = "0xCBDFEF" />
List component background color when mouse out
<list_selectedColor value = "0xCBDFEF" />
Selected item background color
<list_selectedTextColor value = "0x222222" />
Selected item text color
<list_rollOverTextColor value = "0x111111" />
Text color when mouse over

Picture list component style
<tile_highlightColor value = "0x8DA9DC" />
Highlight color when mouse over
<tile_background value = "0xECF3F9" />
Background color
<tile_borderColor value = "0xA8D0E6" />
Border color
<tile_cellBorderColor value = "0xDEDEDE" />
Cell border color
<tile_cellBackground value = "0xFAFAFA" />
Cell background color

<panel_titleColor value = "0x990000" />
Panel title text color
<panel_shadow value = "0x6699CC" />
Panel shadow color

<paper_color value = "0xFFFFFF" />
<paper_border value = "0xA8D0E6" />
<paper_background value = "0xEFEFEF" />

Drawing board's border color and background color

Checkbox style
<check_borderColor value = "0x97B4C0" />
Checkbox border color
<check_SelectBorderColor value = "0x009900" />
Checkbox border color when selected
<check_SelectColor value = "0x5B8797" />
Checkbox text color when selected
<check_background value = "0xEFEFEF" />
Checkbox background color
<check_selectBackColor value = "0xE4F0F6" />
Checkbox background color when selected

<chat_textColor value = "0x565656" />
Chat text color
<chat_logtextColor value = "0x999999" />
Text color of chat history when entered room
<chat_textLinkColor value = "0x565656" />
Text link color
<chat_textHoverColor value = "0x990000" />
Text color when mouse over
<chat_nickNameColor value = "0x006699" />
User's nickname color
<chat_noticeMsgColor value = "0x990000" />
Notice message text color

<chat_broadMsgColor value = "0xCC3300" />
Broadcast message color
<chat_meBgColor value = "0xAECDE6" />
Current user background color in user list
<chat_ownerNameColor value = "0x006699" />
Room owner name text color in user list
<chat_ownerNameBgColor value = "0xEDEDED" />
Room owner name background color in user list
<chat_adminNameColor value = "0x990000" />
Administrator name text color in user list
<chat_adminNameBgColor value = "0xD3E9F2" />
Administrator name background color in user list

<video_borderColor value ="0xA9BAD3" />
<video_backgroundColor value ="0xFEFEFE" />

Video window's border color and background color

</SkinColor>

3. Modify the file setting.xml. Change the property value of theme node to the new created style's name. Then re-open SWF. If the program is embedded in the web page, please refresh the page and you can see the new style.

 TOP

 

Home | Free Product | Video Chat | Flash Show | Flash Templates | Flash Templates Package | Free Stuff | Custom Service | Showcase | Custom Order Form | Custom Full Price List | Pay for Customization | Template Help | Chat Help | Show Help | Forum | Contact | Site Map | Links
SourceTec Software Co., LTD. All rights reserved. Email:support@flashpioneer.com
Free Flash templates, Flash Custom, Flash Chat, Free Flash Products, Flash Application, Flash Game, FCS / FMS, Flex, RIA