Перейти к публикации

Проблема с iCHAT_6

Avainta
 Рассказать Подписчики 0

Рекомендованные сообщения

Avainta

Avainta 7

Опубликовано:
Опубликовано:

Добрый день всем, заранее извиняюсь если тему поднимаю не там, но вроде тут раздел модулей хаков и тд. Установил всем известный модуль чата iCHAT 6 его редакцию. Вроде модуль встал без всяких ошибок и работает и все бы хорошо, но подскажите как эти кнопки "ПРАВИЛА, АРХИВ, и ОТПРАВИТЬ" поднять немного выше чтобы они не наслаивались на мой нижний блок. А кнопка отправить вообще как то слишком уж вниз уехала. Помогите пожалуйста люди добрые вот мой сайт. _inta-online (точка) ру Чат на главной странице.

вот css ки этого модуля

style.css 

.iChat_input { width: 99px; padding: 1px; }


.iChat_bbeditor { border: 1px solid #d4dfe8; background: #fff url("../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("../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;

}


#message  {

width: 99%;

height: 60px;

display:block;

background:#fff url(../img/bg_message.png) center no-repeat;

border:1px solid #c2c2c2;

}


.chat {

border: 1px solid #dadada;

background-color:#FFFFFF;

margin-left: 5px;

margin-right: 5px;

margin-bottom: 1px;

margin-top: 2px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

padding: 3px;

}

.chat:hover {

border: 1px solid #cccccc;

}


.hr1 {background:url('../img/hr.png') repeat-x;height:2px;border:0px}


.edit_buttons {opacity: 0.1;cursor:pointer;}

.edit_buttons:hover {opacity: 1;}
skin.tpl 
[group=1]


<input class="bbcodes" style="font-size: 11px; float: right;" title="Настройка чата" onclick="iChatAdmin(); return false;" type="button" value="Настройка чата" />

<br />&nbsp;


[/group]


<div id="iChat-style" style="width:max;height:200px; overflow:auto;"><div id="iChat-messages" align="left">{messages}</div></div><br />


[editor_form]


<div class="iChat_editor">


[group=5]

<td><input type="text" maxlength="35" name="name" id="name" class="iChat_input" value="{name}" onblur="if(this.value=='') this.value='{name}';" onfocus="if(this.value=='{def_name}') this.value='';" /></td>    

<td><input type="text" maxlength="35" name="mail" id="mail" class="iChat_input" value="{mail}" onblur="if(this.value=='') this.value='{mail}';" onfocus="if(this.value=='{def_mail}') this.value='';" /></td>

[/group]


<div class="iChat_bbeditor">


<span id="b_b" onclick="iChat_simpletag('b')"><img title="Полужирный" src="{THEME}/img/bbcode/b.png" alt="" /></span>

<span id="b_i" onclick="iChat_simpletag('i')"><img title="Наклонный текст" src="{THEME}/img/bbcode/i.png" alt="" /></span>

<span id="b_u" onclick="iChat_simpletag('u')"><img title="Подчеркнутый текст" src="{THEME}/img/bbcode/u.png" alt="" /></span>

<span id="b_s" onclick="iChat_simpletag('s')"><img title="Зачеркнутый текст" src="{THEME}/img/bbcode/s.png" alt="" /></span>


<img class="bbspacer" src="{THEME}/img/bbcode/brkspace.png" alt="" />


<span id="b_emo" onclick="iChat_ins_emo(this);"><img title="Вставка смайликов" src="{THEME}/img/bbcode/emo.png" alt="" /></span>


[allow_url]

<span id="b_quote" onclick="iChat_tag_leech()"><img title="Вставка защищенной ссылки" src="{THEME}/img/bbcode/link.png" alt="" /></span>

[/allow_url]


<span id="b_color" onclick="iChat_ins_color(this);"><img title="Цвет текста" src="{THEME}/img/bbcode/color.png" alt="" /></span>

<!-- <span id="b_hide" onclick="iChat_simpletag('hide')"><img title="Скрытый текст" src="{THEME}/img/bbcode/hide.png" alt="" /></span> -->

<span id="b_quote" onclick="iChat_simpletag('quote')"><img title="Вставка цитаты" src="{THEME}/img/bbcode/quote.png" alt="" /></span>

<span id="b_translit" onclick="iChat_translit()"><img title="Преобразовать выбранный текст из транслитерации в кириллицу" src="{THEME}/img/bbcode/translit.png" alt="" /></span>


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


</div>


[not-group=5]

<input type="hidden" name="name" id="name" value="" /><input type="hidden" name="mail" id="mail" value="" />

[/not-group]


<textarea name="message" id="message"></textarea>


<div align="right" style="font-size: 9px; padding-right: 3px;">Designed by <a href="http://weboss.net/" target="_blank" style="text-decoration: none; font-size: 9px;">WEBoss.Net</a></div>


</div>



<script language="javascript" type="text/javascript">

<!--

$("textarea[name='message']").keypress(function(e) {

   if((e.ctrlKey) && ((e.keyCode == 0xA)||(e.keyCode == 0xD))) {

     iChatAdd('site'); return false;

   }

 });

//-->

</script>



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

<input class="bbcodes" style="font-size: 11px; float: left;" title="Правила" onclick="iChatRules(); return false;" type="button" value="Правила" />&nbsp;

<input class="bbcodes" style="font-size: 11px; float: left;" title="Архив" onclick="iChatHistory(); return false;" type="button" value="Архив" />&nbsp;

<input class="bbcodes" style="font-size: 9px; float: right;" title="Отправить" onclick="iChatAdd('site'); return false;" type="button" value="Отправить" />

</div>


[/editor_form]


[no_access]


<div class="ui-state-error ui-corner-all" style="padding:9px;">Только зарегистрированные посетители могут писать в чате.<div align="right" style="font-size: 9px; padding-right: 3px;">Designed by <a href="http://weboss.net/" target="_blank" style="text-decoration: none; font-size: 9px;">WEBoss.Net</a></div></div>


[/no_access]

Если нужны еще какие css ки и tpl выложу.

Заранее всем спасибо!

Ссылка на сообщение
Поделиться на других сайтах
Lomot

Lomot 134

Опубликовано:
Опубликовано: (изменено)

bdddf047a72ft.jpg

Скрин с мозилы, в опере та же песня

Изменено пользователем Lomot
Ссылка на сообщение
Поделиться на других сайтах
Critical Error

Critical Error 155

Опубликовано:
Опубликовано: 
<div style="padding-top:12px;">

<input class="bbcodes" style="font-size: 11px; float: left;" title="Правила" onclick="iChatRules(); return false;" type="button" value="Правила" />&nbsp;

<input class="bbcodes" style="font-size: 11px; float: left;" title="Архив" onclick="iChatHistory(); return false;" type="button" value="Архив" />&nbsp;

<input class="bbcodes" style="font-size: 9px; float: right;" title="Отправить" onclick="iChatAdd('site'); return false;" type="button" value="Отправить" />

<div stye="clear: both;"></div>

</div>

Ссылка на сообщение
Поделиться на других сайтах
Avainta

Avainta 7

Опубликовано:
Опубликовано: (изменено) Автор

to Critical Error а подскажите что сделать то? добавить строчку <div stye="clear: both;"></div> в skin.tpl

пробовал не помогает :-(

на сайте weboss.net один человек посоветовал удалить одну кнопку, удалил ее (просто заремив ее в скин.тпл) но все равно кнопки некрасиво лежат, и наезжают на нижний блок.

to Lomot

добавил пользователя

Demo логин

Demo Пароль

Вот так решил проблемку

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

<input class="bbcodes" style="font-size: 9px; float: left;" title="Правила" onclick="iChatRules(); return false;" type="button" value="Правила" />&nbsp;

<input class="bbcodes" style="font-size: 9px; float: left;" title="Архив" onclick="iChatHistory(); return false;" type="button" value="Архив" />&nbsp;

<input class="bbcodes" style="font-size: 9px; float: top;" title="Отправить" onclick="iChatAdd('site'); return false;" type="button" value="Отправить" />

<div stye="clear: both;"></div>

</div>

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

Изменено пользователем Avainta
Ссылка на сообщение
Поделиться на других сайтах
Lomot

Lomot 134

Опубликовано:
Опубликовано: (изменено)

что задает кнопкам цвет красный этот. Я красной хочу оставить только последнюю, а первых две надо сделать серым цветом под дизайн сайта.

engine.css (строка 60)

.bbcodes, .bbcodes_poll, .fbutton {

    background: url("../images/bbcodes.gif") repeat scroll 0 0 #FFFFFF;

    border: 1px solid #B3B3B3;

    border-radius: 8px 8px 8px 8px;

    box-shadow: 0 1px 4px -3px black;

    color: #FFFFFF;

    cursor: pointer;

    margin-bottom: 2px !important;

    padding: 1px 13px 3px;

    text-shadow: 0 1px 2px #000000;

}
Картинка bbcodes.gif красная вот там и красные они. Можно сделать так: Добавить после 
.bbcodes_chat{

    background: #F1F1F1;

    border: 1px solid #B3B3B3;

    border-radius: 8px 8px 8px 8px;

    box-shadow: 0 1px 4px -3px black;

    color: #FFFFFF;

    cursor: pointer;

    margin-bottom: 2px !important;

    padding: 1px 13px 3px;

    text-shadow: 0 1px 2px #000000;

}
и в шаблонах чата заменить все классы bbcodes на bbcodes_chat, оставив класс bbcodes для кнопки "отправить" Еще можно добавить 
.iChat_editor textarea{resize: vertical;}

Изменено пользователем Lomot
Ссылка на сообщение
Поделиться на других сайтах
Critical Error

Critical Error 155

Опубликовано:
Опубликовано:

Вот так решил проблемку

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

<input class="bbcodes" style="font-size: 9px; float: left;" title="Правила" onclick="iChatRules(); return false;" type="button" value="Правила" />&nbsp;

<input class="bbcodes" style="font-size: 9px; float: left;" title="Архив" onclick="iChatHistory(); return false;" type="button" value="Архив" />&nbsp;

<input class="bbcodes" style="font-size: 9px; float: top;" title="Отправить" onclick="iChatAdd('site'); return false;" type="button" value="Отправить" />

<div stye="clear: both;"></div>

</div>

Я вам нарисовал код там где он нужен был. У вас два обтекания - справа и слева было. Я сделал самый обычный сброс float'а

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
 Рассказать
Подписчики 0
Перейти к списку тем
×
×
  • Создать...