<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>
 <meta http-equiv="content-type" content="text/html;charset=windows-1251">
 <link type="text/css" rel="StyleSheet" href="/new_shab/css/main.css" />
<link rel="stylesheet" href="http://usocial.ru/img/privacy.css">
<link rel="stylesheet" href="http://usocial.ru/new_shab/css/tabs.css">
<link rel="stylesheet" href="/css/widg/w1.css">
<link rel="stylesheet" href="/css/widg/w2.css">
<link rel="stylesheet" href="/css/widg/w3.css">
<script src="http://usocial.ru/img/common.js"></script>
<link rel="stylesheet" href="http://vkontakte.ru/css/widgets.css?39" type="text/css" />
<script src="http://usocial.ru/js/lib.js"></script>
<script type="text/javascript" src="http://usocial.ru/img/ui_controls.js"></script>
<link rel="stylesheet" href="http://usocial.ru/img/ui_controls.css" type="text/css" />
<?if($USER_LOGGED_IN$)?><?else?>
<script>document.location.href='/';</script><?endif?>
 <title>
 uSocial - Моя визитка
 </title>
<style>
hr {border:0;background:#cdd5de;width:100%;height:1px;margin: 11px 0pt 10px;}
#backgrid{background:#f6f7f9;border:1px solid #dbe0ea;padding-top:7px;padding-bottom:7px;padding-left:7px;padding-right:7px;}
h1 {
 color: #444;
 border-bottom:1px solid #E0E0E0;
 font-size: 11px;
 font-weight: bolder;
 margin: 0px;
 padding: 0px;
 padding-bottom:3px; }
</style>
 </head>
 <body>
 <div class="main">
 <div class="top">
 $GLOBAL_AHEADER$
 <div class="cont">
 <table width="100%" class="collapse">
 <tr>
 <td class="rightb" valign="top">



<div style="padding:26px;">
<table width="100%"><tbody><tr><td style="color:#567699;background:#ABBFD4;padding:5px;border:1px solid #7695B8;text-shadow: 0 1px 0 #C7D8EB;">ОПИСАНИЕ</td>
<td style="color:#567699;background:#ABBFD4;padding:5px;border:1px solid #7695B8;text-shadow: 0 1px 0 #C7D8EB;">ПОЛУЧИТЬ КОД ВИЗИТКИ</td>
</tr><tr>

<td width="50%" style="color:#595959;background:#fff;padding:5px;border:1px solid #7695B8;" valign="top">
<h1>Виджет "Моя визитка"</h3>
Виджет "Моя визитка" тесно свяжет Ваш сайт с Вашим профилем на uSocial. Ваши посетители могут узнать многое о Вас, и перейти на страничку uSocial для того чтобы узнать больше о Вас .
<br /><br />
Также для Вас и Вашего сайта сделана функция генератора стиля виджета, для того чтобы Вы смогли настроить его под себя .
<br /><br />
<h1>Подключение виджета к Вашему сайту</h3>
Для добавления виджета на Ваш сайт, просто скопируйте код для вставки на страницу, на которой Вы хотите разместить виджет .
<br /><br />
<h1>Доработки виджета</h3>
Если у вас есть идеи по данному виджету, и Вы уверены что она очень нужна, Вы можете написать администратору о своей идеи, с новыми идеями обращаться к <a href="http://usocial.ru/index/8-1">Никите Кравченко(DrZlo-86)</a> .
<br /><br /><br /><br /><br /><br /><br /><br />
<small>Разработка от uSocial .</small>
<td width="50%" style="color:#595959;background:#fff;padding:5px;border:1px solid #7695B8;" valign="top">

<table width="100%"><tbody><tr><td align="left" valign="top" width="70%">
<div id="edit_form">
<div class="row" id="select_existing_group" style="padding-top: 0;">
 <div class="label">Стиль:</div>
 <div class="labeled">
 <input id="groups_group_id" />
 </div>
</div>

<div style="border-bottom:1px solid #FFFFFF;clear:both;height:2px;width:295px;"><div style="border-bottom:1px solid #E0E0E0; height:7px;width:295px;"></div></div>

<div class="row" style="padding-top: 10px">
 <div class="label">Вид:</div>
 <div class="labeled">
 <input type="hidden" id="show_members" value="1"/>
 <input type="hidden" id="show_dateb" value="1"/>
 </div>
</div>
<div class="row" style="padding-top: 7px">
 <div class="label">Надпись:</div>
 <div class="labeled">
 <input type="hidden" id="name_num" value="uSocial"/>
 <input type="radio" id="name_num1" name="name_num" value="uSocial" />
 <input type="radio" id="name_num2" name="name_num" value="Я на uSocial" />
 </div>
</div>
<div style="clear: both; height: 1px;"></div>
</div>
<script type="text/javascript">
window.onload = function () {
 soonUpdatePreview();
};
var web_groups_list = [["1","Стандартный"],["2","Зелёный"],["3","Красный"]];
if (web_groups_list !== false) {
 if (!web_groups_list.length) {
 hide('select_existing_group');
 }
}

function soonUpdatePreview() {
 clearTimeout(window.soonUpdate);
 window.soonUpdate = setTimeout(updatePreview, 400);
}


var appSelect = new Dropdown(ge('groups_group_id'), web_groups_list !== false ? web_groups_list : [[-1, 'Необходимо авторизоваться']], {
 width: 200,
 selectedItem: '',
 onChange: function (val) {
 if (val > 0) {
 updatePreview();
 }
}
});

new Checkbox(document.getElementById('show_members'), {width: 300, label: 'показывать дату рождения', onChange: function (val) {
 updatePreview();
 }});

new Checkbox(document.getElementById('show_dateb'), {width: 300, label: 'показывать пол', onChange: function (val) {
 updatePreview();
 }});
</script>
<script type="text/javascript">
var commentsCode =
 '<!-- uSocial widget -->\n' +
 '<div style="width:175px;background:#ffffff;background:#ffffff;font:11px tahoma;"><div><div style="height: 85px;border:1px solid #BEC8D3;border-bottom: none;" />\n' +
 '<div class="head"><a href="http://usocial.ru/index/8-$USER_ID$" target="_blank" style="margin: 0 5px -2px 0;"><img src="http://usocial.ru/images/widg/mi.ico" /></a><span>{limit}</span></div>\n' +
 '<div style="background:#ffffff;margin: 8px 8px 0px 8px;">\n' +
 '<table border="0" width="100%" cellspacing="0" cellpadding="0" height="1%">\n' +
 '<tr>\n' +
 '<td width="40" align="left" valign="top">\n' +
 '<?if($USER_AVATAR_URL$)?><img border="0" src="$USER_AVATAR_URL$" width="50px" height="50px"><?else?><img border="0" src="http://usocial.ru/images/mphoto.png" width="50px" height="50px"><?endif?></td>\n' +
 '<link rel="stylesheet" href="http://usocial.ru/css/widg/w{head}.css">\n' +
 '<td align="left" valign="top"><div id="gn1" style="width: 157px; height: 15px; margin-left:5px;color:#000000;font:11px tahoma;">Имя: $USER_FULL_NAME$($USERNAME$)</div>{dateb}{mode}</td>\n' +
 '</tr>\n' +
 '</table>\n' +
 '<div style="width: 6px;"></div></div></div><div><div class="fut" align="center" valign="top" style="color:#000000;">\n' +
 'Создана $DATE$ в $TIME$</td></div>\n' +
 '<!--/uSocial widget -->';

function updatePreview() {
 var params = {};
 var dateb = (ge('show_dateb').value) ? '<div id="gn2" style="width: 157px; height: 15px;margin-left:5px;color:#000000;font:11px tahoma;">Пол: $USER_GENDER$</div>' : '',
 head = parseInt(appSelect.val() || 1),
 fut = parseInt(appSelect.val() || 1),
 num = (ge('name_num').value),
 mode = (ge('show_members').value) ? '<div id="gn2" style="width: 157px; height: 15px;margin-left:5px;color:#000000;font:11px tahoma;">Д.р.: $USER_BIRTHDAY$</div>\n' : '';
 ge('code').value = commentsCode.replace('{limit}', num).replace('{mode}', mode).replace('{dateb}', dateb).replace('{head}', head).replace('{fut}', fut);

 ge('widget_preview').innerHTML = commentsCode.replace('{limit}', num).replace('{mode}', mode).replace('{dateb}', dateb).replace('{head}', head).replace('{fut}', fut);
}
var commentsNumSelect = new Radiobuttons(ge('name_num'), [[1, 'Стандартная'], [2, 'Я на uSocial']], {
 width: 100,
 onChange: updatePreview,
 selected: 'uSocial'
});
</script>
</div>
 <textarea id="code" readonly="true" style="background-color: #F0F4FB; width: 286px; height: 155px; margin: 0;" onfocus="this.select();"></textarea><br /><br />
<small>Скопируйте html код для вставки на сайт</small>

</td><td valign="top">
<div id="widget_preview"></div>

</td></tr></tbody></table>

</td>

</tr></tbody></table>

</div>
 </td>
 </tr>
 </table>
 </div>
 </div>
 </div>
 $GLOBAL_BFOOTER$
 </body>

</html>