http://vkrugu.3dn.ru/scrin.png 1) Сначала включаем модуль блог!
2) Потом переходим по ссылке http://ваш_сайт.ru/panel/?a=blog;l=setup,
и настраиваем таким образом:
3) После настройки переходим по этой ссылке: http://ваш_сайт.ru/panel/?a=tmpl;m=7;t=2,
И вставляем перед </body> данный код:
Code
<script type="text/javascript">
if('$PAGE_ID$' == 'add') {
if(document.getElementById('blM16')) document.getElementById('blM16').style.display = 'none'; // Это чтоб не было Страницы добавления
document.getElementById('blF1').value = parent.document.getElementById('favik2').innerHTML; // Имя пользователя $TITLE$
document.getElementById('blF12').value = parent.document.getElementById('favik3').innerHTML; // ID пользователя $OTHER2$
document.getElementById('blF13').value = parent.document.getElementById('favik3').innerHTML; // Логин $OTHER3$
document.getElementById('blF11').value = parent.window.location.href; // Ссылка пользователя $OTHER1$
document.getElementById('doSmbBt').click();
alert('Друг успешно добавлен в ваш список друзей!'); // Это алерт
}
</script>
А перед $BODY$ этот код:
Code
А перед $BODY$ этот код:
4) Далее переходим по этой ссылке: http://ваш_сайт.ru/panel/?a=tmpl;m=7;t=4,
Тут вы должны настроить сами или воспользоваться моим готовым видом друзей!
Как настроить самим:
Там где вы хотите видеть аватар вставляем данный код:
Code
<!-- Аватар -->
<span id="ava$ID$"></span>
<!-- Аватар -->
Там где хотите видеть статус пользователя(Online/Offline):
Code
<span id="sta$ID$"></span>
Там где хотите видеть имя пользователя:
Code
<!-- Имя и ссылка -->
<a href="$OTHER1$">$TITLE$</a>
<!-- Имя и ссылка -->
Для того чтобы аватар и статус пользователя отображался вставляем в конец вида этот код:
Code
<script>$('#ava$ID$').load('$OTHER1$ #avatar');</script> <script>$('#sta$ID$').load('$OTHER1$ #status');</script>
Для других мелочей типа фотографии пользователя или отправить сообщения (сам ID пользователя) вставляем этот код
Пример использования данного кода:
Code
<a href="/index/14-$OTHER2$-0-1">Личное сообщение</a>
- Этот код позволяет выводить ссылку на отправку личного сообщения!
Code
<style> .mbord {border: 1px solid #DAE1E8;padding: 5px 5px 5px 5px;background: #FFFFFF;} .mbord:hover {border: 1px solid #C2CFDB;padding: 5px 5px 5px 5px;background: #FFFFFF;} #photo {width:5px;} .photo { text-decoration:none; color:black; border-bottom: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; background: #ffffff; padding: 5px 5px 5px 5px; text-align:left; } .photo:hover { background: #FFFFFF; color:#374547; border-bottom: 1px solid #3787B5; border-top: 1px solid #3787B5; border-left: 1px solid #3787B5; border-right: 1px solid #3787B5; text-decoration:none; } .avatar2 img { width: 100px; height: auto; } #ava$ID$ img {width: 100px; height: auto;} .proava { text-decoration:none; background: #ffffff; display: block; border: 1px solid #FFFFFF; color:black; padding: 4px 4px 4px 4px; text-align:left; } .proava:hover { background: transparent url('/'); border: 1px solid #1C436E; color: #FFFFFF; font-weight: bold; padding: 4px 4px 4px 4px; text-decoration:none; } </style> <style> .vibfr {display:block;padding-bottom: 3px;padding-top: 3px;border-bottom: 1px solid #DAE1E8;} .vibfr:hover {display:block;padding-bottom: 3px;padding-top: 3px;background: #EEF2F4;border-bottom: 1px solid #DAE1E8;} </style> <div class="mbord"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td valign="top" width="100px"> <div class="photo"> <div class="avatar2"> <!-- Аватар --> <span id="ava$ID$"></span> <!-- Аватар --> </div></div> </td> <td style="padding-left: 10px;" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td> <div style="padding-bottom: 2px;" align="left"> <!-- Имя и ссылка --> <b><a href="$OTHER1$">$TITLE$</a></b> $MODER_PANEL$ <!-- Имя и ссылка --> </div> </td> <td align="right"> <span id="sta$ID$"></span> </td> </tr> <tr> <td valign="top"> <div style="border-top: 1px solid rgb(218, 226, 232); padding-top: 10px; padding-bottom: 10px;" align="left"> </div></td> <td align="right" valign="top" width="150"> <div style="border-top: 1px solid rgb(218, 226, 232); padding-top: 10px; padding-bottom: 10px;" align="left"> <a href="/index/8-$OTHER2$" class="proava">Смотреть страницу</a> <a href="/index/14-$OTHER2$-0-1" class="proava">Личное сообщение</a> <a href="/blog/0-1-0-0-17-$OTHER2$" class="proava">Смотреть друзей</a> <a href="/photo/0-1-0-17-$OTHER2$" class="proava">Смотреть фото</a> </div> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </div> <script>$('#ava$ID$').load('$OTHER1$ #avatar');</script> <script>$('#sta$ID$').load('$OTHER1$ #status');</script>
Из архива файл backbtn.gif залейте в корень сайта!
5) Это еще не все! Далее переходим по этой ссылке http://ваш_сайт.ru/panel/?a=tmpl;m=4;t=5,
вставляем данный код, где хотите видеть кнопку "Добавить в друзья"
Code
<?if(!$_IS_OWN_PROFILE$)?>
<!-- Это нужно для добавления -->
<span id="favik"></span>
<span id="favik2" style="display:none;">$_NAME$</span>
<span id="favik3" style="display: none;">$_USER_ID$</span>
<span id="favik4" style="display: none;">$_USERNAME$</span>
<script language="JavaScript">
function add_fr() {
if(document.getElementById('favik')) document.getElementById('favik').innerHTML = '<iframe style="width:1px;height:1px;" frameborder="0" scrolling="no" hspace="0" vspace="0" allowtransparency="true" src="/blog/0-0-0-0-1"></iframe>';
}
</script>
<!-- Это нужно для добавления -->
<div onmouseover="this.className='MmenuOver';" class="MmenuOut" onmouseout="this.className='MmenuOut'">
<!-- Кнопка-->
<a href="javascript://" onClick="add_fr();">Добавить в друзья</a>
<!-- Кнопка -->
</div>
<?endif?>
Там где вы хотите, чтобы отображалась кнопка для вызова друзей пользователя:
Code
<a href="/blog/0-0-0-0-17-$_USER_ID$"><?if($_IS_OWN_PROFILE$)?>Мои друзья<?else?>Его друзья<?endif?></a>
Для того что-бы аватар работал нужно заменить код $AVATAR$ на:
Code
<span id="avatar"><?if($_AVATAR$)?>$_AVATAR$<?else?><img src="/noava.gif"><?endif?></span>
- не забудьте залить файл noava.gif в корень сайта
Для того что-бы статус работал нужно заменить код $_STATUS$ на:
Code
<span id="status"><?if($_IS_OWN_PROFILE$)?>Это вы<?else?>$_STATUS$<?endif?></span>
Автор скрипта: F_CK (Но не полностью =))
