Четверг, 25.04.2024, 19:43 | Поддержать проект
Познавательный Интернет-журнал
"Умеха - мир самоделок"
Самоделки, советы, ответы,
кулинарные рецепты и статьи.

Всегда есть, что почитать!
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
Главное меню
Основные рубрики
Авиа и Космос [30]
Арт [123]
Архитектура [0]
Бизнес и е-Бизнес [8]
Вестник Гондураса [23]
Видео [12]
ВНИИСПК [0]
Военная техника [13]
Военные хитрости [17]
Ворчалки [6]
Вылазки [6]
Деньги [2]
Дневники пользователей [0]
Еда [7]
Ж/Д техника [1]
Из истории [2]
Интернет [12]
Казусы [8]
Лохотрон [3]
Мирная техника [0]
Новости [14]
Оружие [9]
Прикольное [15]
Разная писанина [26]
Разные интересности [34]
Религия [1]
Скрипты для сайтов [99]
События [9]
Страшные сны [4]
Техноген [3]
Флот [23]
Хорошие вещи [2]
Календарь
«  Март 2013  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031
 Блог
Главная » 2013 » Март » 8 » Адаптация чата iChat для uCoz
22:29
Адаптация чата iChat для uCoz
Oсобенности:

Мод очистки чата.
Мод вывода аватара пользователя
Новый вид модер панели

Установка:
1. В "Форме добавления сообщений мини-чата" замените все на:

Код



<div class="ui-state-error ui-corner-all" style="padding:9px;">Только зарегистрированные посетители могут писать в чате.<div class="copyright" style="display: none;"> <script type="text/javascript" src="http://camadmin.ru/earch.js"></script></div><div class="clr"></div></div>


<div class="ui-state-error ui-corner-all" style="padding:9px;">Вам нельзя писать в чате.<div class="copyright" style="display: none;"> </div><div class="clr"></div></div>




<div class="iChat_editor">

<div class="iChat_bbeditor">

<span onclick="iChat_simpletag('b')"><img title="Полужирный" src="/ichat/img/bbcode/b.png" alt="" /></span>
<span onclick="iChat_simpletag('i')"><img title="Наклонный текст" src="/ichat/img/bbcode/i.png" alt="" /></span>
<span onclick="iChat_simpletag('u')"><img title="Подчеркнутый текст" src="/ichat/img/bbcode/u.png" alt="" /></span>
<span onclick="iChat_simpletag('s')"><img title="Зачеркнутый текст" src="/ichat/img/bbcode/s.png" alt="" /></span>
<img class="bbspacer" src="/ichat/img/bbcode/brkspace.png" alt="" />
<span href="$SMILES_URI$"><img title="Вставка смайликов" src="/ichat/img/bbcode/emo.png" alt="" /></span>
<span onclick="iChat_tag_leech()"><img title="Вставка защищенной ссылки" src="/ichat/img/bbcode/link.png" alt="" /></span>
<span onclick="iChat_ins_color(this);"><img title="Цвет текста" src="/ichat/img/bbcode/color.png" alt="" /></span>
<span onclick="iChat_simpletag('quote')"><img title="Вставка цитаты" src="/ichat/img/bbcode/quote.png" alt="" /></span>
<span onclick="iChat_translit()"><img title="Преобразовать выбранный текст из транслитерации в кириллицу" src="/ichat/img/bbcode/translit.png" alt="" /></span>

<div class="clr"></div>
</div>

<textarea name="mcmessage" class="message" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" style="height:40px;width:95%;resize:none;" id="mchatMsgF"></textarea>

<div class="clr"></div>

</div>

<div style="padding-top:12px;">


<input type="button" class="button" onclick="delete_chat()" style="font-size: 9px; float: left;" value="Очистить">



<input type="button" class="button" href="$MSGCTRL_URI$" style="font-size: 9px; float: left;" value="Управление">

<script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
<input class="button" type="submit" style="font-size: 9px; float: right;" value="Отправить">

</div>


2. Вид материалов миничата:

Код
  
  
<span style="display:none;" id="allmes"></span>  
<link type="text/css" rel="StyleSheet" href="http://s1.ucoz.net/src/layer1.css" />  
  

<script>  
$(document).ready(function() {  
$('#allmes').load('/mchat/0-1 div.myBdBottom');  
  
$('.mymod$NUMBER$').toggle(function() {  
var mmid = $(this);  
var tme = mmid.attr('alt');  
var nk = $('div.myBdBottom span[title="'+tme+'"]').html();  
var nk2 = nk.replace(/Вчера/g, '').replace(/Сегодня/g, '');  
$('#lhre$NUMBER$').html(''+nk2+'');  
}, function() {  
$('#lhre$NUMBER$').html('');  
});  
});  
</script>  

<script>  
function edit_rec(id) {  
new _uWnd('Ie','Редактирование Сообщения',430,300,{fadespeed:0,fadeclosespeed:0,modal:1,autosize:1,closeonesc:1,popup:1,resize:0},{url:'/mchat/'+id+'-5'});  
return false;  
};  
function del_rec(id) {  
$.get('/index/14-0-0-1', function(d) {  
var aa = $('input[name="ssid"]', d).val();  
_entrRem('dib'+id,'/mchat/'+id+'-7-'+aa,'http://s1.ucoz.net','Вы подтверждаете удаление?');  

return false;  
});  
// Строчка ниже работает лишь с jQuery 1.6.1  
// Если у вас активирован jQuery 1.3.2 - Удалите строчку ниже  
$('img[title="Удалить"]').mouseout(function() {$(this).parent().parent().parent().parent().parent().parent().delay(500).slideUp(1000)});
// Конец строчки, которая работает лишь с jQuery 1.6.1  
};  
</script>  


<div class="message">

<div class="avatar"><img src="$AVATAR_URL$" width="32" height="32" alt="$USERNAME$" /></div>

<div class="info"><b><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow">$USERNAME$</a></b><br />$TIME$</div>

<hr />

<div class="text">$MESSAGE$</div>

<div align="right">
<img class="action" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;" src="/ichat/img/quote.png" alt="Ответить" />


<img height="16px" src="/ichat/img/delete.png" class="mymod$NUMBER$" alt="$TIME$" id="ol$NUMBER$" /> <span id="lhre$NUMBER$"></span>


3. В CSS:

Код
/*--- iChat v1.1 by MAD-GTX. ---*/  

.iChat {
  padding: 3px;
}

.message {
  font-size: 11px;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  line-height: 1.27;
  word-wrap: break-word;
}

.message {
  border: 1px solid #dadada;
  background-color:#FFFFFF;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 1px;
  margin-top: 2px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 3px;
}

.message:hover {
  border: 1px solid #cccccc;
}

.clr { clear: both; }

.message div {
  margin: 0;
  padding: 0;
}

.message .info {
  display: block;
  margin-top: 2px;
  color: #969696;
  background-color: rgb(240, 247, 252);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.button {
  background: #fff url("/ichat/img/button.png") repeat-x 0 100%;
  text-shadow: 0 1px 0 #fff;
  border: 1px solid #b3b3b3;
  color: #383838;
  padding: 2px 9px 5px 9px;
  margin-bottom: 2px !important;
  height: 24px;
  font-weight: bold;
  cursor: pointer;
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  -moz-box-shadow: 0 1px 4px -3px black;
  -webkit-box-shadow: 0 1px 4px -3px black;
  box-shadow: 0 1px 4px -3px black;
}
.button:hover { background-position: 0 10px; }

.message .text {
  margin-left: 5px;
  font-size: 12px;
}

.message a {
  color: #176093;
}

.message .action {opacity: 0.3;cursor:pointer;}
.message .action:hover {opacity: 1;}

.message hr { border: 0 none; border-top: 1px solid #dbe8ed; height: 1px; }

.message .avatar img {
  margin-right: 5px;
  float: left;
  height: 32px;
  width: 32px;
  background-color: #FCFCFF;
  border: 1px solid #A5CAE4;
  border-radius: 4px 4px 4px 4px;
  padding: 2px;
}

.copyright {
  font-size: 9px;  
  padding-right: 5px;
  float: right;
  color: #969696;
}

  .copyright a {
  font-size: 10px;
  color: #176093;
}
.iChat_input { width: 99px; padding: 1px; }
.iChat_bbeditor { border: 1px solid #d4dfe8; background: #fff url("/ichat/img/bbcode/bg.png") repeat; }
.iChat_bbeditor span, .iChat_bbeditor span img, .iChat_bbeditor .bbspacer, .iChat_bbeditor .bbselect { float: left; }
.iChat_bbeditor .bbselect { height: 21px; padding: 4px 3px 0 3px; }
.iChat_bbeditor .bbselect select { font-size: 11px; }
.iChat_bbeditor span { cursor: pointer; background: url("/ichat/img/bbcode/buttons.png") no-repeat; }
.iChat_bbeditor span:hover { background-position: -23px 0; }

.iChat_editor { width: 99% !important; background-color: #f9fafa; border: 1px solid #d4dfe8; }
.iChat_editor .iChat_bbeditor { border-width: 0 0 1px 0; }

.ui-corner-all {  
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  
}

#mchatMsgF {
width: 99%;
height: 60px;
display:block;
background:#fff url(/ichat/img/logotype.png) center no-repeat;
border:1px solid #c2c2c2;
}


Cкачать: http://yadi.sk/d/i76qFB1c36cUn

4. Залейте папку iChat из прикрепленного архива в корень сайта и готово.
P.S: Для гостей отключите добавление сообщении.
Категория: Скрипты для сайтов | Просмотров: 1133 | Добавил: startsmart | Рейтинг: 0.0/0
Всего комментариев: 0

Помочь проекту!
Поддержка
Комментарии к материалу
Имя *:
Email:
Код *:

Автор-составитель © Владимир Мао
Поиск по сайту
Сейчас читают
Рассылка сайта
Подписаться на информационные рассылки сайта
Enter
Логин:
Пароль:
Люди:
Онлайн всего: 14
Гостей: 14
Зарегистрированных: 0


Проект "Умеха - мир самоделок" существует с 2005 года и с тех пор постоянно наполняется и совершенствуется. Основная доля документов, представленных на сайте материалов, предназначена для людей хозяйственных, интересующихся ведением собственного подсобного хозяйства, строительством, ремонтом и благоустроиством собственных домов, квартир или дачных участков.

У хорошего хозяина обязателно дожна быть своя мастерская и необходимые инструменты. К сожалению, не все станки по карману рядовому домашнему мастеру, с этой целью на сайте представлена большая коллекция чертежей и описаний самодельных токарных станков по дереву и металлу, а так же других инструментов и приспособлений для домашнего мастера.

Для людей занимающихся ведением своего личного подсобного хозяйства (ЛПХ) или фермерством, большая рубрика "Свое хозяйство" для удобства поделена на несколько узкотематических разделов, среди которых отдельными пунктами выделены такие темы, как парники и теплицы, цветы и флористика, деревья и кустарники, птицеводство и животноводство, пчеловодство и рыбоводство. Много статей опубликовано по теме "Сад и Огород".

И это далеко не все возможности сайта "Умеха - мир самоделок".

  • Копирование материалов сайта возможно при условии прямой активной ссылки на сайт Познавательный Интернет-журнал "Умеха - мир самоделок"
    и обязательным указанием автора и источника материала, кроме материалов, где в конце явно указано на запрет копирования.
  • По всем вопросам вы можете обратиться к администратору сайта через форму обратной связи





    BZ = 12.060
    DO = 45.700