Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Слетает мини-чат на ucoz
Дата: Вт, 03.12.2013, 15:25:56 | Сообщение # 1
Аватарка Loran
OFF
Пользователь
141 Сообщения:
25 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Значит такая проблема становится кривой мини-чат после того как добавляют какую нибудь длинную ссылку...
Вот скриншот- http://gyazo.com/646b9865954627972b3897f542dcd2da.png

Помогите в чём проблема,

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

Код
<div class="messchat"><div class="fame_chat">
<div style="float:right;"><div class="chat_profile" title="Профиль пользователя"><a href="/index/8-$USER_ID$" style="color:#999;" target="_blank"><img src="/images/mChatUser.png" border="0" alt="" /></a></div><div class="chat_time" style="color:#3F3F3F;" title="$DATE$">$TIME$</div></div><div class="chat_name" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b][i]$NAME$[/i][/b], ';return false;"> <?if($USER_ID$='1' or $USER_ID$='17')?><font color=970815><b>$NAME$</b></font><?else?><font color=346D9A><b></b></font><?if($USER_ID$='307' or $USER_ID$='6')?><font color=CC6A6A><b>$NAME$</b></font><?else?><font color=346D9A><b>$NAME$</b></font><?endif?><?endif?> </div>   
<div class="chatmessagesr" style="word-wrap: break-word;">$MESSAGE$</div>
</div> </div>


Форма добавления сообщения не нужна, так-как встроена в сам блок, вот код блока.
Код
<!-- <block7> -->
<div class="box_top_block"><div class="box_top_text_new"><!-- <bt> --><!--<s3199>-->Мини-чат<!--</s>--><!-- </bt> --></div></div>
<div><div class="box_content_menu">
<!-- <bc> -->
     
   <table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
   <tbody>
   <tr>
   <td colspan="2" rowspan="1" style="vertical-align:top;height:300px"><div style="max-height:300px;overflow:auto;display:block;" id="AjaxChatLoad">Загрузка чата...</div></td>
   </tr>
   <tr id="cpt" >
   <td colspan="2" rowspan="1" style="padding-top:2px">
   <table border="0" cellpadding="0" cellspacing="0" style="margin-left:6px">
   <tr><td id="chapt"></td></tr>
   </table>
   </td>
   </tr>
<?if($LOGOUT_LINK$)?>
<tr>
<td colspan="2" rowspan="1" style="padding-top:0px;padding-bottom:2px;">   
<hr>   
</td>
</tr>
     
<tr>
<td colspan="2" rowspan="1" style="padding-top:2px;padding-bottom:2px;padding-left:2px">   
<div style="padding-left:4px"><div class="chat_menu" id="AjaxChatSend">Отправить сообщение</div></div>
<div style="padding:2px"></div>   
<center><textarea name="mcmessage" id="mchatMsgF" onkeyup="cntMess();" onfocus="cntMess();" style="padding:5px 5px;" placeholder="Введите текст сообщения..."></textarea></center>   
<div style="padding:2px"></div>   
   <script src="/images/chat/bbmchat.js" type="text/javascript"></script> <center>
<span value="b" onclick="simpletag1('b','','','mchatMsgF','')" id="b"><div class="bb_chat"><img title="Полужирный" src="/images/chat/b.png" alt="" /></div></span>
<span value="i" onclick="simpletag1('i','','','mchatMsgF','')" id="i"><div class="bb_chat" onclick="myreloadchat();"><img title="Наклонный текст" src="/images/chat/i.png" alt="" /></div></span>   
<span value="u" onclick="simpletag1('u','','','mchatMsgF','')" id="u"><div class="bb_chat" onclick="myreloadchat();"><img title="Подчеркнутый текст" src="/images/chat/u.png" alt="" /></div></span>   
<span id="b_emo" href="javascript://" rel="nofollow" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-1-2'});return false;"><div class="bb_chat" onclick="myreloadchat();"><img title="Вставка смайликов" src="/images/chat/emo.png" alt="" /></div></span>   
<span href="javascript://" onclick="new _uWnd('bbcod','BB-Коды',600,550,{autosize:0},{url:'/images/chat/bbcodes.html',xml:false});"><div class="bb_chat" onclick="myreloadchat();"><img title="Набор BB-кодов" src="/images/chat/bb.png" alt="" /></div></span>   
<span href="javascript://" rel="nofollow" onclick="window.open('/mchat/0-1','mchatCtrl','scrollbars=1,width=550,height=550,left=0,top=0');return false;"><div class="bb_chat" style="padding:0px 2px;" onclick="myreloadchat();"><img title="Управление сообщениями" src="/images/chat/options.png" alt="" /></div></span>   
</center></td>
</tr>
<?else?>   
<table cellspacing="0" cellpadding="0" style="background:#fff url('/images/chat/main_top_gradient.png') repeat-x top;padding:0px;">   
<tr>   
<td class="op_fon">   
<img src="/images/chat/dialog-warning.png"></td>   
<td class="gost" valign="top">   
Для добавления сообщения <a href="/index/3">зарегистрируйтесь</a>   
</td>   
</tr>   
</table>   
<?endif?>   
</tbody>
</table>

<script type="text/javascript" src="/images/chat/chat.js"></script>   
     
<!-- </bc> -->
</div></div>
<!-- </block7> -->
Сообщение отредактировал Loran - Вт, 03.12.2013, 15:27:04
Дата: Вт, 03.12.2013, 16:09:54 | Сообщение # 2
Аватарка Tiny
OFF
Постоянный
516 Сообщения:
6 Награды:
92 Отзывы:
Loran, ширину нужно зафиксировать в виде материалов:
Код
<div class="chatmessagesr" style="word-wrap: break-word; width: 200px;">$MESSAGE$</div>

Полный код:
Код
<div class="messchat"><div class="fame_chat">
<div style="float:right;"><div class="chat_profile" title="Профиль пользователя"><a href="/index/8-$USER_ID$" style="color:#999;" target="_blank"><img src="/images/mChatUser.png" border="0" alt="" /></a></div><div class="chat_time" style="color:#3F3F3F;" title="$DATE$">$TIME$</div></div><div class="chat_name" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b][i]$NAME$[/i][/b], ';return false;"> <?if($USER_ID$='1' or $USER_ID$='17')?><font color=970815><b>$NAME$</b></font><?else?><font color=346D9A><b></b></font><?if($USER_ID$='307' or $USER_ID$='6')?><font color=CC6A6A><b>$NAME$</b></font><?else?><font color=346D9A><b>$NAME$</b></font><?endif?><?endif?> </div>    
<div class="chatmessagesr" style="word-wrap: break-word; width: 200px;">$MESSAGE$</div>
</div> </div>
Дата: Вт, 03.12.2013, 17:51:41 | Сообщение # 3
Аватарка Loran
OFF
Пользователь
141 Сообщения:
25 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Tiny, спасибо, а ещё слушай не подскажешь как убрать или заменить на чёрную полосу передвижения... )(щас вот она белая), забыл как правильно называется ))

Вот скрин- http://gyazo.com/a4172e16fce24e35b0e038df8c1b0006.png
Дата: Вт, 03.12.2013, 18:27:57 | Сообщение # 4
Аватарка Tiny
OFF
Постоянный
516 Сообщения:
6 Награды:
92 Отзывы:
Loran,
Цитата Loran ()
забыл как правильно называется

Скроллбар

Цитата Loran ()
как убрать

Свойство overflow отредактировать на hidden.
Код
<td colspan="2" rowspan="1" style="vertical-align:top;height:300px"><div style="max-height:300px;overflow:auto;display:block;" id="AjaxChatLoad">Загрузка чата...</div></td>

Сменить на:
Код
<td colspan="2" rowspan="1" style="vertical-align:top;height:300px"><div style="max-height:300px;overflow:hidden;display:block;" id="AjaxChatLoad">Загрузка чата...</div></td>


Цитата Loran ()
(щас вот она белая)

Она белая только в данном конкретном случае - у твоего браузера и с твоей темой оформления для него. В других браузерах или/и темах оформления она выглядит иначе.

Цитата Loran ()
заменить на чёрную полосу передвижения

Я не знаю что значит "черная полоса передвижения". У нее куча настроек в стилях, которые ещё и не кроссбраузерны (только IE, Opera и Konqueror). Смотри руководство: Красивая полоса прокрутки сайта на CSS (принцип тот же, что и там, только у тебя к div добавлять в стили нужно).
Либо работайте с jScrollPane (подробнее), который работает в большинстве браузеров.
  • Страница 1 из 1
  • 1
Поиск: