Смайлы в быстром ответе (по туториалу Racoona)

Racoon пишет:Можно. Но тогда текстовое поле будет на него налезать и желательно будет убрать изменение размеров текстового поля. Впрочем нужно поєкспериментировать. У меня слету не получилось

Муха пишет:а, и панель с кнопками не "растягивалась"

Racoon пишет:Позже гляну

Код:

$(function()
{
 var txtArea = $('#textarea_content').detach();
$('<div  class="replycontainer">
<div id="replyarea"></div>
<div  class="rightsmiles">
<iframe src="/smilies.forum?categ=0&mode=smilies_frame" width="100%" height="234" class="smilebox" ></iframe>
</div></div>').insertBefore($('#quick_reply div'));

$('#replyarea').append(txtArea);
txtArea.removeAttr( "style" );
$('div textarea').removeAttr( "style" );

});

Код:

.replycontainer{
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.rightsmiles{
  width: 25%;
  float:right;
}

#replyarea{
  width: 75%;
  text-align: center;
  float:left;
}

#textarea_content div textarea {
  margin-top: 2px;
  min-height: 190px;
}
  
.smilebox{
  border: 1px solid #D9D9D9;
  border-radius: 5px;
}

#quick_reply .frm-buttons {
  clear: both;
}


Код:

.sceditor-container {
  width: 99.5% !important;
}

Код:

.sceditor-container {
  background: #FFF !important;
  border: 1px solid #cccccc!important;
  border-radius: 6px 6px 6px 6px;
  width: 120% !important; <<<<<<<<<<<<<<<<<<<<<<<<<<<<
}

Racoon пишет:Проблема из-за єтого стиля

Код:

.sceditor-container {
  background: #FFF !important;
  border: 1px solid #cccccc!important;
  border-radius: 6px 6px 6px 6px;
  width: 120% !important; <<<<<<<<<<<<<<<<<<<<<<<<<<<<
}

Код:

.rightsmiles {
  width: 25%;
  float: right;
  margin-top: 36px;
}

Муха пишет:Теперь в расширенном ответе так: (не было такого растояния между блогами ответа и смайлов)

Код:

.sceditor-container {
  width: 99.5% !important;
}

Код:


div#replyarea div#textarea_content .sceditor-container {
  width: 99.8% !important;
}

Муха пишет:В CSS сюда? (вместо предыдущего?)

Муха пишет:(и старые настройки для расширенного ответа-удалять, да? )

Racoon пишет:Какие это?

Racoon пишет:Проблема из-за єтого стиля

Код:

.sceditor-container {
  background: #FFF !important;
  border: 1px solid #cccccc!important;
  border-radius: 6px 6px 6px 6px;
  width: 120% !important; <<<<<<<<<<<<<<<<<<<<<<<<<<<<
}

Код:

.replycontainer{
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

Racoon пишет:Как хотите. Форму расширять вы теперь можете этим стилем

Код:

.replycontainer{
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

К примеру 70% процентов ширины от родительского контейнера