Главная » 2012 » Август » 10 » Мини-чат под тёмный дизайн (с правилами) by -SAM- (Скрипты для ucoz)
10.08.2012, 08:33

Мини-чат под тёмный дизайн (с правилами) by -SAM-




  • В "таблицу стилей (CSS)" пихаем данный код:
    Код
    .chat {border:1px solid #393939;background-color:#393939;margin-left:2px;margin-right:5px;margin-bottom:1px;margin-top:1px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
    .mchat {background:url('http://diz-cs.at.ua/diz/fon.bmp') repeat-x #333333; border: #222222 1px solid; color:#707070;}
    input.ch-b-opt-p {padding:2px 4px; border: 1px solid #000; background:url('http://diz-cs.at.ua/diz/fon.bmp') repeat #404040; margin: 1px; color: #e7e7e7;}
    input.ch-b-opt-p:hover {background:url('http://diz-cs.at.ua/diz/fon.bmp') repeat #404040; color: #f80707; cursor: pointer;border: 1px solid #000;}

  • В "Вид материалов" мини-чата - заменяем всё на:
    Код
    <div class="chat">
    <table cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td style="background:#181818;padding:5px;border-bottom:1px solid #444444;">
    <div style="float:right;" title="$DATE$"><span style="float:right;font-size:9px;vertical-align:top;color:#b0b0b0;">$TIME$</span></div>
    <?if($USERNAME$)?><a href="$PROFILE_URL$" title="Профиль" rel="nofollow"><img alt="►" src="/.s/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/></a> <?endif?>
    <a title="Ответить" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;"><span style="color:#5d5d5d"><b>$NAME$</b></span></a>
    <?if($EMAIL$)?> <a href="$EMAIL_JS$" title="$STR_EMAIL$"><img border="0" align="absmiddle" src="/.s/t/955/e.gif"></a><?endif?>
    <?if($SITE$)?> <a rel="nofollow" href="$SITE$" target="_blank" title="$STR_URL$"><img border="0" align="absmiddle" src="/.s/t/955/h.gif"></a><?endif?>
    </td>
    </tr>
    <tr>
    <td style="background:#262626;padding:5px;"><div style="text-align:left;color:#707070;">$MESSAGE$</div></td>
    </tr>
    </table>
    </div>
    <?if($CUSTOM1$)?><br>$STR_CUSTOM1$: $CUSTOM1$<?endif?>
    <?if($CUSTOM2$)?><br>$STR_CUSTOM2$: $CUSTOM2$<?endif?>
    </div>

  • В "Форму добавления сообщений" мини-чата - заменяем всё на:
    Код
    <?if(!$CAN_ADD$)?><p></p><div style="border-style: dotted; border-color: rgb(100, 100, 100) rgb(100, 100, 100) rgb(190, 190, 190); border-width: 1px; padding: 5px; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: #707070; background-color: inherit; text-align: justify;"><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div></div><?else?>
    <table border="0" cellpadding="1" cellspacing="1" width="100%">
    <tr><td>$FLD_AUTOUPD$</td>
    <td width="70%" align="right">
    <a href="$RELOAD_URI$" title="Обновить"><img border="0" align="absmiddle" src="/.s/img/icon/tf.png" width="16" height="16"></a>
    <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img border="0" align="absmiddle" src="/.s/img/icon/sf.png" width="16" height="16"></a><?endif?>
    <?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img border="0" align="absmiddle" src="http://i028.radikal.ru/0908/a3/b8adc987f389.png" width="16" height="16"></a><?endif?>
    <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img border="0" align="absmiddle" src="/.s/img/icon/cmt.png" width="16" height="16"></a><?endif?>
    </td></tr></table>

    <?if(!$USER_LOGGED_IN$)?>
    <table border="0" cellpadding="1" cellspacing="1" width="100%">
    <tr><td colspan="2">$FLD_NAME$</td></tr>
    <tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>
    </table>
    <?endif?>

    <?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?>
    <table border="0" cellpadding="1" cellspacing="1" width="100%">
    <tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>
    </table>
    <?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?>

    <table border="0" cellpadding="1" cellspacing="1" width="100%">
    <tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td>
    <td align="center" valign="top"><div class="mchat" style="font-size:10px;">$LENGTH_COUNTER$</div></td>
    </tr>
    <td align="center" valign="bottom">$SUBMIT$</td></tr></table>
    <?endif?>

  • Далее создаём новый блок "Мини-чат" и в его содержимое ставим данный код:
    Код
    <!--Правила мини-чата--><center><input value=".:[ Правила чата ]:." href="javascript://" onclick="openLayerB('Rules_Mchat',0,'/xml/rules_mchat.xml','Правила мини-чата',450,130,'1','','',0,'justify'); return false;" class="ch-b-opt-p" style="width: 180px;margin:0 0 3px 0;" id="code" type="button"></center><!--/Правила мини-чата-->
    $CHAT_BOX$

    ∎ P.S.: Данный вид материалов мини-чата отлично подойдёт для сайтов uCoz с тёмным дизайном.
    Все файлы заливаем к себе на сайт ( создать папку xml в файловом менеджере и залить туда rules_mchat.xml ).
    Стилизацию можно изменить, как и содержимое файла rules_mchat.xml - это правила вашего мини-чата. Вот собственно и всё!
    Материал взят с сайта infoscript.ru
    Теги: Скачать Мини-чат под тёмный дизайн (с правилами) by -SAM-
    Скачать "Мини-чат под тёмный дизайн (с правилами) by -SAM-"
    Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
    Источник/Автор: Stand Alone Man
  • Категория: Скрипты uCoz | Просмотров: 1797 | Добавил: -SAM- | Рейтинг: 0.0/0 |
    Теги: с правилами, мини-чат, красивый, для тёмных дизайнов
    Пока комментариев нет. Ты можешь быть первым!
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]