• Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Дневник (Блог) » Social Friend (Друзья)
Social Friend (Друзья)
@V@sTДата: Воскресенье, 03.10.2010, 19:38 | Сообщение # 1

Сообщений: 318
Награды: 0

[ 25 ]

* Легко установить!
* Удобно редактировать!
* Все подробно написано!

* Имя пользователя
* ID пользователя
* Ссылка на страницу пользователя (для экономии места)
* Аватар
* Статус
* + ICQ и другие мелочи, раскажу как настроить!

И так начнем:
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').i[code]nnerHTML; // Имя пользователя $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>

Code
А перед $BODY$ этот код:

Code

<script type="text/javascript">
var linckinum = 1;
</script>

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>

Code

[i]Для других мелочей типа фотографии пользователя или отправить сообщения (сам ID пользователя) вставляем этот код[/i]:
[code]$OTHER2$

Пример использования данного кода:

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?>

[i]Там где вы хотите, чтобы отображалась кнопка для вызова друзей пользователя:
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>



[Грамотей]

Форум » Скрипты для uCoz » Дневник (Блог) » Social Friend (Друзья)
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Активные пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы

Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Администрация ответственности за содержание материала не несет и убытки не возмещает.
По истечении 24 часов материал должен быть удален с вашего компьютера.Фаил скачен с 1-server.net.ru