23:09
ОбновитьСмайлыУправление мини-чатом
МИНИ-ЧАТ
Главная | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Дневник (блог) » Social Friend (Друзья)
Social Friend (Друзья)
testscriptДата: Пятница, 20.08.2010, 16:49 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 145
Репутация: 32767
Статус: Offline
Это полностью настроенный скрипт друзей, я его просто подправил и добавил нужное!
Плюсы скрипта

В скрипт входят

И так начнем:
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


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

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

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
Поиск:


Copyright MyCorp © 2006
Хостинг от uCoz