Nk-CS.Ru: Все для вашего портала uCoz
Авторизация

iChat для uCoz

iChat для uCoz Описание:
Красивый iChat адаптированный с DLE для uCoz.

Установка:
1. Вид материалов мини чата:
<link media="screen" href="/iChat/css/style.css" type="text/css" rel="stylesheet">

<div class="bchat" style="padding: 7px 0 0 0;">
<div class="bc_top">
<div class="right"><span onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$USERNAME$, ';return false;" class="chat"></span></div>
<div class="bc_ava"><?if($AVATAR_URL$)?><img src="$AVATAR_URL$" alt="$USERNAME$"><?else?><?endif?></div>
<div class="bc_name"><a href="$PROFILE_URL$"><span style="color:#666666" target="_blank">$USERNAME$</span></a></div>
<div class="bc_date">$DATE$ в $TIME$</div>
</div>

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

2. Форма добавления сообщений:
<div class="bchat_add">
<div class="bb-editor">

<?if(!$USER_LOGGED_IN$)?>
<input type="text" maxlength="35" name="uname" id="mchatNmF" class="f_input" value="Ваше имя" onfocus="if(this.value==$(this).attr('title')){this.value='Ваше имя';}">
<div style="display: none;">$FLD_NAME$</div>
<input type="text" maxlength="35" name="email" id="mchatEmF" class="f_input" value="Ваш E-Mail" onfocus="if(this.value==$(this).attr('title')){this.value='Ваш E-Mail';}">
<div style="display: none;">$FLD_EMAIL$</div>
<?endif?>

<?if($FLD_SECURE$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>
</table>
<?endif?>

<div class="bb-pane">
<span class="bb-btn b_b" onclick="bbCode('b');return false;" title="Полужирный"><b>Полужирный</b></span>
<span class="bb-btn b_i" onclick="bbCode('i');return false;" title="Наклонный текст"><b>Наклонный текст</b></span>
<span class="bb-btn b_u" onclick="bbCode('u');return false;" title="Подчеркнутый текст"><b>Подчеркнутый текст</b></span>
<span class="bb-btn b_s" onclick="bbCode('s');return false;" title="Зачеркнутый текст"><b>Зачеркнутый текст</b></span>
<span class="bb-btn b_color" id="kmn" onclick="openLayerB('sda',0,'/iChat/xml/zvetaf.xml','Выбор цвета',185,200,'1','','',0,'justify');return false;" title="Выбор цвета"><b>Выбор цвета</b></span>
<span class="bb-btn b_emo" href="$SMILES_URI$" title="Вставка смайликов"><b>Вставка смайликов</b></span>
<span class="bb-btn b_quote" onclick="bbCode('quote');return false;" title="Вставка цитаты"><b>Вставка цитаты</b></span>
<script type="text/javascript" src="/iChat/js/bbcodes_chat.js"></script>
</div>

<div class="bb_area">
<textarea id="mchatMsgF" name="mcmessage"></textarea>
</div>
</div>

<div class="bc_bot" style="padding: 6px 0;">
<div style="display: none;">$SUBMIT$</div>
<input type="submit" id="mchatBtn" class="fbutton lcol" value="Отправить">
<span class="rcol" style="margin-top: 5px;"><a href="javascript://" onclick="new _uWnd('mscont', 'Правила чата', 400, 200, {closeonesc:1, align:'left'}, '<fieldset><legend>Nk-CS.Ru: Правила чата</legend><ul><li>Категорически запрещено выяснять отношения</li><li>Категорически запрещено выяснять отношения</li><li>Запрещено рекламирование посторонних ресурсов</li><li>Запрещено оскорбление пользователей</li><li>Запрещено использование нецензурной лексики</li><li>Запрещены любые вопросы к Администрации и Модерации</li></ul></fieldset>');" style="margin: 8px 10px 0 0;">Правила</a> <?if($MSGCTRL_URI$)?><a href="$MSGCTRL_URI$" style="margin: 8px 10px 0 0;">История</a><?endif?></span>
</div></div>

3. В таблицу стилей CSS добавим:
/*---BB Редактор---*/ 
.bb-editor { -webkit-box-shadow: inset 0px 0px 0px 1px #eef0f0, 0px 0px 0px 3px #f8fbfb; -moz-box-shadow: inset 0px 0px 0px 1px #eef0f0, 0px 0px 0px 3px #f8fbfb; box-shadow: inset 0px 0px 0px 1px #eef0f0, 0px 0px 0px 3px #f8fbfb; background: #fff; padding: 1px 0; }
.bb-pane { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f7f8fc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f8fc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f7f8fc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f7f8fc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f7f8fc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f7f8fc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f8fc',GradientType=0 ); /* IE6-9 */ border-bottom: 1px solid #eef0f0; height: 31px; margin: 0 1px; position: relative; }
.bb-sel { float: left; padding: 4px 2px 0 2px; }
.bb-sel select { font-size: 11px; }
.bb-btn { background: url("../iChat/images/sep.png") no-repeat right 0; width: 28px; padding: 0 1px 0 0; height: 31px; float: left; display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; cursor: pointer; box-shadow: none; }
.bb-btn:hover { background-color: rgba(241,245,250,1); padding: 0; margin: 0 1px 0 0; }
.bb-btn b { height: 30px; width: 26px; background: url("../iChat/images/bbcodes.png") no-repeat; display: block; text-indent: -9999px; }
.bb-btn b:hover { border-bottom: 1px solid #e84c3d; }
#b_font { width: 118px;}
#b_size { width: 65px;}
#b_font select { padding: 0px;}
#b_size select { padding: 0px;}
#b_b b, .b_b b { background-position: 0 0; }
#b_i b, .b_i b { background-position: -28px 0; }
#b_u b, .b_u b { background-position: -56px 0; }
#b_s b, .b_s b { background-position: -84px 0; }
#b_img b, .b_img b { background-position: -308px 0; }
#b_up b { background-position: -56px -35px; }
#b_emo b, .b_emo b { background-position: -224px 0; }
#b_url b, .b_url b { background-position: -252px 0; }
#b_leech b, .b_leech b { background-position: -280px 0; }
#b_mail b { background-position: -84px -35px; }
#b_video b { background-position: -112px -35px; }
#b_audio b { background-position: -140px -35px; }
#b_hide b { background-position: -336px 0; }
#b_quote b, .b_quote b { background-position: -364px 0; }
#b_code b { background-position: -168px -35px; }
#b_left b { background-position: -112px 0; }
#b_center b { background-position: -140px 0; }
#b_right b { background-position: -168px 0; }
#b_color b, .b_color b { background-position: -196px 0; }
#b_spoiler b { background-position: -28px -35px; }
#b_fla b { background-position: -280px -35px; }
#b_yt b { background-position: -252px -35px; }
#b_tf b { background-position: -308px -35px; }
#b_list b { background-position: -336px -35px; }
#b_ol b { background-position: -364px -35px; }
#b_tnl b { background-position: 0 -35px; }
#b_br b { background-position: -196px -35px; }
#b_pl b { background-position: -224px -35px; }
.bb-editor textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px; width: 100%; background: #fff; color: #ADADAD; -webkit-box-shadow:inset 0 1px 4px 0 rgba(238,240,240,0.58); box-shadow:inset 0 1px 4px 0 rgba(238,240,240,0.58); }
.bb_area { padding: 0; }
.editorcomm { padding: 2px !important; width: 474px; }
.editorcomm .bb-editor { width: 468px;}
.editorcomm .bb-editor textarea { background: url("../iChat/images/cloud.png") no-repeat center center !important; height: 112px; }
.ui-sortable, #ui-sortable { z-index: 999; }
.f_input { background: #fdffff; height: 25px; width: 100%; font-size: 12px; color: #adadad; padding: 2px 1px 4px 7px; font-family: 'NeoSansCyr-Regular', sans-serif; border: 1px solid #e9f0f0; -webkit-box-shadow: inset 1px 1px 3px 0 rgba(85,119,117,0.04), 0 1px 3px 0 rgba(0,0,0,0.03); box-shadow: inset 1px 1px 3px 0 rgba(85,119,117,0.04), 0 1px 3px 0 rgba(0,0,0,0.03); }
.f_textarea { width: 100%; height: 105px; }

button.submit, input.submit, .submit, .fbutton, a.fbutton, .bbcodes { background: #369F99; color: #fff; font-family: 'NeoSansCyr-Regular', sans-serif; text-shadow: 1px 1px 0 rgba(0,0,0,0.14); padding: 0 17px; font-size: 13px; height: 29px; line-height: 29px; display: inline-block; cursor: pointer; text-decoration: none; -webkit-transition: background .3s; box-shadow: inset 0px 0px 0px #2ab7ec, 0px 3px 0px 0px #156785, 0px 5px 4px #999; border-radius: 3px; }
.rcol { float: right; }

4. Загружаем папку iChat в корень вашего сайта.

На этом установка завершена, пользуйтесь с удовольствием.
ichat.rar [21.65 Kb] (cкачиваний: 5)

10.0
1 оценок
10.0
Дизайн:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Функционал:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Мобильность:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Общая оценка:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
Теги:
iChat для ucoz
Читайте также
qwer
qwer
13 февраля 2016 21:18
+ 0 -
проблема у меня!!! кароче стираю вид и доб сообщ и вставлю этот код у меня возвращается старый что это??? пожалуйста подскажите
na3uTuB4uk
14 февраля 2016 08:17
+ 0 -
Подробнее опиши проблему, я ничего не понял.
Nk-CS.Ru - The Best of Web!
qwer
qwer
14 февраля 2016 10:25
+ 0 -
крч тема такава:не могу сменить коды вид м чата и форму доб ссоб., оно авто как-то возвращает на старое!!! как мне решить проблему? это тока с чатом.
na3uTuB4uk
14 февраля 2016 18:46
+ 0 -
Ссылку на сайт в ЛС!
Nk-CS.Ru - The Best of Web!
na3uTuB4uk
15 февраля 2016 02:07
+ 0 -
Так у тебя чат то другой стоит.
Nk-CS.Ru - The Best of Web!
Добрын9l
8 июня 2016 22:21
+ 0 -
Почему отсутствует фвйл reset.css ? в ксс он там прописан.
na3uTuB4uk
12 июня 2016 07:11
+ 0 -
Он не нужен для чата, можешь убрать строку.
Nk-CS.Ru - The Best of Web!
Добрын9l
13 июня 2016 09:34
+ 0 -
почему у меня так получилось: скрин
na3uTuB4uk
13 июня 2016 10:09
+ 0 -
Дай ссылку на сайт в ЛС)
Nk-CS.Ru - The Best of Web!
Добрын9l
13 июня 2016 13:26
+ 0 -
скинул!
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Авторизация
лучший сайт где можно скачать шаблоны для dle 11.3 бесплатно