هذي شات تم التطبيق لها في الرفع لعده شغلات وهي اربع ملفات وانتبه في التطبيق


================================================== Facebook
<!-- HaYeF.By alsafrani.blogspot JavaScript -->
Install Chatroll on a Facebook Page: 
1.Go to Facebook. In the search bar at the top, type "static html" and select the first result: Static HTML: iframe tabs 
2.Click Add Static HTML to a Page. 
3.Choose the page you want to add Chatroll to, then click Add Static HTML: iframe tabs 
4.On the left of your page, click the Welcome tab. 
5.Copy (Ctrl-C) the following HTML embed code: 
<iframe width="500" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true" src="http://chatroll.com/embed/chat/g3_101?id=2D_tU6rsyim&platform=facebook&w=$0"></iframe>
Paste the code in the Enter your content here box. (You might need to type something in the box first.) 
6.Click Save and and view tab... 
7.Click View your tab as a non-fan to see Chatroll on your Facebook Page. 
8.To make the Module bigger or smaller: 
Change the 'width' and 'height' values of the Chatroll <iframe> tag, and re-save. 
To set Chatroll as your default Facebook Page tab: 
1.Go to your Facebook Page. Click Edit Page on the top-right. 
2.Click Manage Permissions. 
3.Under Default Landing Tab, choose Welcome. 
4.Click Save Changes (Note: only other people will be able to see Welcome as their default tab, not you since you are the Admin!) 
<!-- HaYeF.By alsafrani.blogspot JavaScript -->
================================================== HTML
<!-- HaYeF.By alsafrani.blogspot JavaScript -->
1.Copy (Ctrl-C) the following HTML embed code: 
<iframe width="450" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true" src="http://chatroll.com/embed/chat/g3_101?id=2D_tU6rsyim&platform=html&w=$0"></iframe><br/><div style="font-size:0.9em;text-align:center;">Try <a href="http://tryrelay.com/">Relay</a>: the free SMS and picture text app for iPhone.</div>
Paste (Ctrl-V) the code where you want Chatroll to appear in your HTML page. 
2.To make the Module bigger or smaller: 
Change the 'width' and 'height' values of the Chatroll <iframe> tag.
<iframe width="450" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true" src="http://chatroll.com/embed/chat/g3_101?id=2D_tU6rsyim&platform=html&w=$0"></iframe><br/><div style="font-size:0.9em;text-align:center;">Try <a href="http://algme3.com/">Relay</a>: the free SMS and picture text app for iPhone.</div>
<!-- HaYeF.By alsafrani.blogspot JavaScript -->
================================================== php
<!-- HaYeF.By alsafrani.blogspot JavaScript -->
<?php
// Chatroll Single Sign-On (SSO) Parameters
$uid = 1;                   // Current user id
$uname = 'test';            // Current user name
$ulink = 'http://example.com/profile/test';   // Current user profile URL (leave blank for none)
$upic = '';                 // Current user profile picture URL (leave blank for none)
$ismod = 0;                 // Is current user a moderator?
$sig = md5($uid . $uname . $ismod . 'oftk8zunt6x8y1l0');
$ssoParams = '&uid=' . $uid . "&uname=" . urlencode($uname) . "&ulink=" . urlencode($ulink) . "&upic=" . urlencode($upic) . "&ismod=" . $ismod . "&sig=" . $sig;
?>
<iframe width='450' height='350' src='http://chatroll.com/embed/chat/g3_101?id=2D_tU6rsyim&platform=php<?= $ssoParams ?>&w=$0' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' allowtransparency='true'></iframe>
<div style='font-size:0.9em;text-align:center;'><a href="http://chatroll.com/solutions/live-chat-software">PHP Live Chat Software</a></div>
<!-- HaYeF.By alsafrani.blogspot JavaScript -->
================================================== vb
<!-- HaYeF.By alsafrani.blogspot JavaScript -->
1.Download and save the Chatroll vBulletin Product. 
2.Log in to the Admin Control Panel of your vBulletin site. 
3.From the menu on the left, go to Plugins & Products ? Manage Products. 
4.Click [Add/Import Product]. 
5.Import the Chatroll vBulletin Product XML file from Step 1. 
6.From the menu on the left, go to Styles & Templates ? Style Manager. 
7.Select Edit Templates from the dropdown menu. 
8.Select any template (we recommend footer) and click Customize. 
9.Enter the following text where you want your Chatroll to appear:  
{vb:raw chatroll.html}
10.Click Save. 
11.From the menu on the left, go to vBulletin Options ? Options. 
12.Scroll down to Chatroll Settings and click Edit Settings. 
13.Copy (Ctrl-C) the following shortcode text: 
[chatroll id='2D_tU6rsyim' name='g3_101' apikey='oftk8zunt6x8y1l0']
Paste (Ctrl-V) the shortcode into the Chatroll Shortcode box. 
14.Enter the name of the Template where you want Chatroll displayed (matching Step 8). Click Save 
15.To make the Module bigger or smaller, go back to vBulletin Options ? Chatroll Settings and change the width and height. 
<!-- HaYeF.By alsafrani.blogspot JavaScript -->
==================================================
ننتبه بالتطبيق الاخير لمنتديات : تنشي ملف بهذا الاسم
product-chatroll-1.4.0.xml
وتضع المحتوي هذا
<?xml version="1.0" encoding="ISO-8859-1"?>

<product productid="chatroll" active="1">
	<title>Chatroll Live Chat</title>
	<description>Chatroll for vBulletin</description>
	<version>1.4.0</version>
	<url />
	<versioncheckurl />
	<dependencies>
	</dependencies>
	<codes>
	</codes>
	<templates>
	</templates>
	<stylevardfns>
	</stylevardfns>
	<stylevars>
	</stylevars>
	<plugins>
		<plugin active="1" executionorder="5">
			<title>Chatroll Paramameters</title>
			<hookname>global_start</hookname>
			<phpcode><![CDATA[$chatroll[shortcode] = $vbulletin->options['cr_shortcode'];
$chatroll[width] = $vbulletin->options['cr_width'];
$chatroll[height] = $vbulletin->options['cr_height'];

if (empty($chatroll[shortcode])) {
    $chatroll[html] = "Please set your Chatroll embed shortcode in the vBulletin Settings -> Options -> Chatroll Settings";
} else {
    $cr = new Chatroll();
    $cr->height = $chatroll[height];
    $cr->width = $chatroll[width];
    $chatroll[html] = $cr->renderChatrollHtmlFromShortcode($chatroll[shortcode]);
}

// vB4.0 requires the registering the variable with a template before it can be displayed
// Ref: http://www.vbulletin.com/forum/entry.php?2387-Pushing-your-variables-to-templates
vB_Template::preRegister($vbulletin->options['cr_template'], array('chatroll' => $chatroll));

// Export to embed as CMS PHP widget
vB_Template::preRegister('vbcms_widget_execphp_page', array('chatroll' => $chatroll));


class Chatroll
{
    public $height;
    public $width;
    /**
     * Render Chatroll HTML from shortcode
     * e.g. [chatroll id="" name="" apikey=""]
     */
    public function renderChatrollHtmlFromShortcode($shortcode) {
        return preg_replace_callback('/'.self::$shortcode_pattern.'/s', array($this, 'do_shortcode_tag'), $shortcode);
    }

    /**
     *  Set user parameters for SSO integration
     */
    public function appendPlatformDefaultAttr($attr) {
        global $vbulletin;
        $attr['platform'] = 'vbulletin';

        $attr['uid'] = $vbulletin->userinfo['userid'];
        $attr['uname'] =$vbulletin->userinfo['username'];

        // Moderator, Super Moderator and Administrator usergroups
        if ($vbulletin->userinfo['usergroupid'] == 5 ||
            $vbulletin->userinfo['usergroupid'] == 6 ||
            $vbulletin->userinfo['usergroupid'] == 7) { 
            $attr['ismod'] = 1;
        } else {
            $attr['ismod'] = 0;
        }

        // Profile pic and URL
        $profileurl = create_full_url('member.php?u=' . $vbulletin->userinfo['userid']);
        if (!preg_match('#^[a-z]+://#i', $profileurl))
        {
            $profileurl = $vbulletin->options['bburl'] . '/member.php?u=' . $vbulletin->userinfo['userid'];
        }
        $attr['ulink'] = $profileurl;
        
        // Load profile picture
        $avatarurl = create_full_url('image.php?u=' . $vbulletin->userinfo['userid']);
        if (!preg_match('#^[a-z]+://#i', $avatarurl))
        {
            $avatarurl = $vbulletin->options['bburl'] . '/image.php?u=' . $vbulletin->userinfo['userid'];
        }
        $attr['upic'] = $avatarurl;

        // iframe Dimensions
        $attr['height'] = $this->height;
        $attr['width'] = $this->width;

        return $attr;
    }

   /**     * Render Chatroll HTML from attributes array
     */
    public function renderChatrollHtml($attr) {
        $defaults = array(
            'domain'        => 'chatroll.com',
            'platform'      => '',          // Reference platform
            'id'            => '',          // Chatroll ID
            'name'          => '',          // Chatroll name
            'apikey'        => '',          // API key for SSO
            'width'         => '450',       // Standard embed parameters
            'height'        => '350',
            'bgcolor'       => '',          // Appearance values (optional; overrides server-side config)
            'fgcolor'       => '',
            'textbgcolor'   => '',
            'textfgcolor'   => '',
            'border'        => '',
            'sound'         => '',
            'uid'           => '',          // SSO parameters (optional; overrides generated values)
            'uname'         => '',
            'upic'          => '',
            'ulink'         => '',
            'ismod'         => '',
        );
        $defaults = $this->appendPlatformDefaultAttr($defaults);       // Generate default parameters, based on platform specific user info
        $attr = $this->shortcode_atts($defaults, $attr);   // Merge specified parameter values w/ defaults

        // Generate Chatroll iframe
        $output = "<iframe width='" . $attr['width'] . "' height='" . $attr['height'] . "'";
        $output .= " frameborder='0' scrolling='no' marginheight='0' marginwidth='0' allowtransparency='true'";
        $output .= " src='http://" . $attr['domain'] . "/embed/chat/" . $attr['name'] . '?platform=' . $attr['platform'];

        // Add standard GET parameters
        if (!empty($attr['id'])) {
            $output .= '&id=' . $attr['id'];
        }
        if (!empty($attr['fgcolor'])) {
            $output .= '&fgcolor=' . $attr['fgcolor'];
        }
        if (!empty($attr['bgcolor'])) {
            $output .= '&bgcolor=' . $attr['bgcolor'];
        }
        if (!empty($attr['textfgcolor'])) {
            $output .= '&textfgcolor=' . $attr['textfgcolor'];
        }
        if (!empty($attr['textbgcolor'])) {
            $output .= '&textbgcolor=' . $attr['textbgcolor'];
        }
        if (!empty($attr['sound']) || $attr['sound'] == '0') {
            $output .= '&sound=' . $attr['sound'];
        }
        if (!empty($attr['border']) || $attr['border'] == '0') {
            $output .= '&border=' . $attr['border'];
        }

        // Add SSO parameters
        // Always append uid to indicate SSO request 
        // ie. empty uid or uid=0 indicates sign out
        $output .= '&uid=' . $attr['uid'];

        if (!empty($attr['uname'])) {
            // Convert usernames to Chatroll compatible format:
            // 1) Trim whitespaces from begin/end
            // 2) Limit length to 64 
            $attr['uname'] = trim($attr['uname']);
            if (strlen($attr['uname']) > 64) {
                $uname = substr($attr['uname'], 0, 64);
            }
            $output .= '&uname=' . urlencode($attr['uname']);
        }

        if (!empty($attr['ismod']) || $attr['ismod'] == '0') {
            $output .= '&ismod=' . $attr['ismod'];
        }

        if (!empty($attr['upic'])) {
            $output .= '&upic=' . urlencode($attr['upic']);
        }
        if (!empty($attr['ulink'])) {
            $output .= '&ulink=' . urlencode($attr['ulink']);
        }
        $output .= '&sig=' . md5($attr['uid'] . $attr['uname'] . $attr['ismod'] . $attr['apikey']);

        $output .= '&w=$0';
        $output .= "'></iframe>";

        return $output;
    }


    //-----------------------------------------------------------------------
    // Shortcode functions
    //-----------------------------------------------------------------------

    // Chatroll shortcode regex pattern
    // e.g. [chatroll width="500" height="400" name="" id="" apikey=""]
    static $shortcode_pattern = '\[chatroll\b(.*?)(?:(\/))?\]';
    static $shortcode_atts_pattern = '/(\w+)\s*=\s*"([^"]*)"(?:\s|$)|(\w+)\s*=\s*\'([^\']*)\'(?:\s|$)|(\w+)\s*=\s*([^\s\'"]+)(?:\s|$)|"([^"]*)"(?:\s|$)|(\S+)(?:\s|$)/';

    // Parase shortcode attributes
    public function shortcode_parse_atts($text) {
        $atts = array();
        $text = preg_replace("/[\x{00a0}\x{200b}]+/u", " ", $text);
        if ( preg_match_all(self::$shortcode_atts_pattern, $text, $match, PREG_SET_ORDER) ) {
            foreach ($match as $m) {
                if (!empty($m[1]))
                    $atts[strtolower($m[1])] = stripcslashes($m[2]);
                elseif (!empty($m[3]))
                    $atts[strtolower($m[3])] = stripcslashes($m[4]);
                elseif (!empty($m[5]))
                    $atts[strtolower($m[5])] = stripcslashes($m[6]);
                elseif (isset($m[7]) and strlen($m[7]))
                    $atts[] = stripcslashes($m[7]);
                elseif (isset($m[8]))
                    $atts[] = stripcslashes($m[8]);
            }
        } else {
            $atts = ltrim($text);
        }
        return $atts;
    }

    // Combine default values w/ extracted attributes array
    public function shortcode_atts($pairs, $atts) {
        $atts = (array)$atts;
        $out = array();
        foreach($pairs as $name => $default) {
            if ( array_key_exists($name, $atts) )
                $out[$name] = $atts[$name];
            else
                $out[$name] = $default;
        }
        return $out;
    }

    public function do_shortcode_tag($m) {
        $attr = $this->shortcode_parse_atts($m[1]);
        return $this->renderChatrollHtml($attr);
    }
}]]></phpcode>
		</plugin>
	</plugins>
	<phrases>
		<phrasetype name="vBulletin Settings" fieldname="vbsettings">
			<phrase name="setting_cr_extra_desc" date="0" username="" version=""><![CDATA[Additonal settings and moderation tools can be found on your Chatroll's <b>Settings</b> page on <a href='http://chatroll.com'>chatroll.com</a>:<ul class='smallfont' style='font-weight:bold;'><li>Colors</li><li>Sound</li><li>Single Sign On (SSO)</li><li>White Label</li></ul><div style='padding-top:10px;'>Need help? <a href='http://chatroll.com/help/support'>Contact the Chatroll Team &raquo;</a></div>]]></phrase>
			<phrase name="setting_cr_extra_title" date="0" username="" version=""><![CDATA[Additional Settings / Moderation Tools]]></phrase>
			<phrase name="setting_cr_height_desc" date="0" username="" version=""><![CDATA[Set the Height of your Chatroll<br/>(e.g. "350" for 350px)]]></phrase>
			<phrase name="setting_cr_height_title" date="0" username="" version=""><![CDATA[Height]]></phrase>
			<phrase name="setting_cr_shortcode_desc" date="0" username="" version=""><![CDATA[Copy-and-paste your Chatroll Shortcode here<br/>(Your Shortcode can be found on your Chatroll's Settings page on <a href='http://chatroll.com'>chatroll.com</a>)]]></phrase>
			<phrase name="setting_cr_shortcode_title" date="0" username="" version=""><![CDATA[Chatroll Embed Shortcode]]></phrase>
			<phrase name="setting_cr_template_desc" date="0" username="" version=""><![CDATA[Enter the name of the Template where you want Chatroll displayed<br/>(e.g. "footer")]]></phrase>
			<phrase name="setting_cr_template_title" date="0" username="" version=""><![CDATA[Template Display]]></phrase>
			<phrase name="setting_cr_width_desc" date="0" username="" version=""><![CDATA[Set the Width of your Chatroll<br/>(e.g. "100%" for the 100% width)]]></phrase>
			<phrase name="setting_cr_width_title" date="0" username="" version=""><![CDATA[Width]]></phrase>
			<phrase name="settinggroup_cr_params" date="0" username="" version=""><![CDATA[Chatroll Settings]]></phrase>
		</phrasetype>
	</phrases>
	<options>
		<settinggroup name="cr_params" displayorder="1000">
			<setting varname="cr_shortcode" displayorder="0">
				<datatype>free</datatype>
			</setting>
			<setting varname="cr_width" displayorder="1">
				<datatype>free</datatype>
				<defaultvalue>100%</defaultvalue>
			</setting>
			<setting varname="cr_height" displayorder="2">
				<datatype>free</datatype>
				<defaultvalue>350</defaultvalue>
			</setting>
			<setting varname="cr_template" displayorder="3">
				<datatype>free</datatype>
				<defaultvalue>footer</defaultvalue>
			</setting>
			<setting varname="cr_extra" displayorder="4">
				<datatype>boolean</datatype>
				<optioncode>-</optioncode>
			</setting>
		</settinggroup>
	</options>
	<helptopics>
	</helptopics>
	<cronentries>
	</cronentries>
	<faqentries>
	</faqentries>
</product>

================================================
وتنبيه مهم موقع الجميع : ليس لنا الان هو ملغي وتحول للاسف الى موقع قلت ادب