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

Сделала смайлы для быстрого ответа по Этому туториалу. Очень удобно, спасибо большое!    

А можно сделать так, что бы смайлы были справа от формы быстрого ответа?

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

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

Если вдруг получится, буду премного благодарна
(я смогла всё "сдвинуть" заменив лево на право, но получилось оооочень плохо, ответ начинался чётко на уровне окончания окна со смайлами )
(а, и панель с кнопками не "растягивалась" )

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

В этом и сложность, что там все подтягивается скриптами в оригинале.

Позже гляну

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

Спасибо!

Смайлы справа.
1. Всё предыдущее по моему туториалу удалить.
2. Добавить скрипт доступный в темах:

Код:

$(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" );

});

3. Добавить стили

Код:

.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;
}


Racoon, спасибо! (сейчас сделаю и отпишусь )

У меня вот так получилось (если смещаю сам блок ответа влево, блок со смайлами двигается за ответом, но также на заднем плане )

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

ТУТ гости могут отвечать (но вроде, им не видно форму быстрого ответа, только кнопка "ответить" и всё... )

Попробуйте дописать в конец CSS

Код:

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

Racoon, дада-получилось! Большое вам спасибо!

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

Код:

.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;
}

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

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

Тогда вместо

Код:

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

задайте так

Код:


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

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

Да

Racoon, всё сделала-всё получилось , огромное вам спасибо!!!
(и старые настройки для расширенного ответа-удалять, да? )

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

Какие это?

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;
}

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

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

Код:

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

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

Всё поняла, ещё раз СПАСИБОооу!