В этой модификации я расскажу вам как преобразить стандартный вид быстрого ответа для стилей на базе prosilver.
В ответ на запрос как сделать такую форму быстрого ответа ???
Модификация предназначена для изменения встроенного шаблона быстрого ответа
Открываете шаблон
если там присутствует такая запись, то переходите к следующему пункту, открываете шаблон
Если надпись такая:
То удаляете
Изображение закидываются в папку images вашего стиля, для форумов в нашей системе в менеджер изображений и вместо , указывается полный путь до картинки.
Переходим к правке стилей, открываем тему вашего стиля(forms.css) и в самый конец добавляем:
Изображение закачиваем так же как и в предыдущий раз.
Форма не имеет кнопок форматирования текста, только смайлы, те в свою очередь скрыты и выводятся в сплывающем окне после нажатия на смайлик в углу формы ввода текста. После нажатия на смайл окно исчезает.
После нажатия клавишей мыши на поле ввода текста, поле увеличивает свою высоту.
Так же в модификации есть функция из быстрого ответа - обратиться по нику. То есть после нажатия на ник (если сделаны необходимые правки), имя передаётся в форму быстрого ответа.
Изображения:
В ответ на запрос как сделать такую форму быстрого ответа ???
Модификация предназначена для изменения встроенного шаблона быстрого ответа
quickreply_editor.html
. Просто заменить его содержимое на содержимое приведённое ниже. Если по каким то причинам такого шаблона нет (такое есть на установленных на нашем сервисе форумах), то изменения нужно производить в шаблоне viewtopic_body.html
.Открываете шаблон
viewtopic_body.html
, находите:
Код: Выделить всё
<!-- IF QUICK_REPLY --><!-- INCLUDE quickreply_editor.html --><!-- ENDIF -->
quickreply_editor.html
и делаете изменения в нём.Если надпись такая:
Код: Выделить всё
<!-- IF QUICK_REPLY --><!-- INCLUDE quick_reply.html --><!-- ENDIF -->
<!-- INCLUDE quick_reply.html -->
, и ставите на её место:
Код: Выделить всё
<form id="postform" class="qr_quick_form" method="post" action="{U_QR_ACTION}">
<!-- IF S_BBCODE_ALLOWED or S_SMILIES_ALLOWED -->
<script type="text/javascript">
// <![CDATA[
var form_name = 'postform';
var text_name = <!-- IF $SIG_EDIT -->'signature'<!-- ELSE -->'message'<!-- ENDIF -->;
var load_draft = false;
var upload = false;
var panels = new Array('options-panel', 'attach-panel', 'poll-panel');
var show_panel = 'options-panel';
// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>
<script type="text/javascript">
function DropDown(el) {
this.dd = el;
this.initEvents();
}
DropDown.prototype = {
initEvents : function() {
var obj = this;
obj.dd.on('click', function(event){
$(this).toggleClass('active');
event.stopPropagation();
});
}
}
$(function() {
var dd = new DropDown( $('.drop_down') );
$(document).click(function() {
$('.drop_down').removeClass('active');
});
$("textarea").click(function(){
$(this).addClass('textarea_active');
});
});
</script>
<!-- ENDIF -->
<div class="qr_quick_ava"><img src="{T_THEME_PATH}/images/avatar.jpg" width="48" height="48" alt="avatar" /></div>
<fieldset class="qr_quick">
<dl style="clear: left; display: none;">
<dt><label for="subject">{L_SUBJECT}:</label></dt>
<dd><input type="text" name="subject" id="subject" size="45" maxlength="64" tabindex="2" value="{SUBJECT}" class="inputbox autowidth" /></dd>
</dl>
<div id="message-box">
<textarea name="message" id="message" rows="10" cols="76" tabindex="3" placeholder="Оставить комментарий">{MESSAGE}</textarea>
<!-- IF S_SMILIES_ALLOWED and .smiley -->
<div class="smiley-box drop_down">
<div class="drop_down_box">
<!-- BEGIN smiley -->
<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
<!-- END smiley -->
<!-- IF S_SHOW_SMILEY_LINK -->
<br /><a href="{U_MORE_SMILIES}" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>
<!-- ENDIF -->
</div>
</div>
<!-- ENDIF -->
</div>
</fieldset>
<fieldset class="submit-buttons">
{S_FORM_TOKEN}
{QR_HIDDEN_FIELDS}
<input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" class="button1" />
<input type="submit" accesskey="f" tabindex="7" name="full_editor" value="{L_FULL_EDITOR}" class="button1" />
</fieldset>
</form>
Код: Выделить всё
{T_THEME_PATH}/images/avatar.jpg
Переходим к правке стилей, открываем тему вашего стиля(forms.css) и в самый конец добавляем:
Код: Выделить всё
/* New Form Styles
---------------------------------------- */
.qr_quick_form {
position: relative;
margin-top: 20px;
}
.qr_quick_ava {
position: absolute;
left: 5px;
top: 0px;
}
.qr_quick_ava img {
max-width: 48px;
max-height: 48px;
border-radius: 6px;
}
.qr_quick {
margin: 0 0 5px 65px;
}
.quick_form .panel {
padding: 20px 15px;
border: 1px solid #eaeaea;
border-radius: 3px;
}
/* Main message box */
.qr_quick_form #message-box {
width: 100%;
position: relative;
}
.qr_quick_form #message-box textarea {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
width: 100%;
font-size: 1.2em;
color: #333333;
height: 48px;
padding: 5px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 2px #eaeaea;
box-shadow: inset 0 1px 2px #eaeaea;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-property: height;
-webkit-transition-duration: .1s,.1s;
-webkit-transition-timing-function: linear,ease-in;
-moz-transition-property: height;
-moz-transition-duration: .1s,.1s;
-moz-transition-timing-function: linear,ease-in;
-o-transition-property: height;
-o-transition-duration: .1s,.1s;
-o-transition-timing-function: linear,ease-in;
}
.qr_quick_form #message-box textarea.textarea_active {height: 120px;}
/* Emoticons panel */
.qr_quick_form .smiley-box {
position: relative;
right: 18px;
float: right;
bottom: 22px;
background: url("{T_THEME_PATH}/images/reply-smile-icon.png") 0 0;
width: 16px;
height: 16px;
cursor: pointer;
}
.qr_quick_form .smiley-box.active {
background-position: 0 100%;
}
.qr_quick_form .smiley-box img {
margin: 3px;
}
.qr_quick_form .smiley-box .drop_down_box {
padding: 5px;
position: absolute;
width: 235px;
right: 0;
bottom: 20px;
background: #fff;
border: 1px solid #c0c0c0;
margin: 0;
font-size: 1.1em;
opacity: 0;
z-index: -1;
visibility: hidden;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.qr_quick_form .active .drop_down_box {
opacity: 1;
z-index: 2;
visibility: visible;
}
Форма не имеет кнопок форматирования текста, только смайлы, те в свою очередь скрыты и выводятся в сплывающем окне после нажатия на смайлик в углу формы ввода текста. После нажатия на смайл окно исчезает.
После нажатия клавишей мыши на поле ввода текста, поле увеличивает свою высоту.
Так же в модификации есть функция из быстрого ответа - обратиться по нику. То есть после нажатия на ник (если сделаны необходимые правки), имя передаётся в форму быстрого ответа.
Изображения:
Комментарии: 2
Похожие темы
-
Добрый вечер.
Некоторое время назад вы сделали мне расширение для вставки плейлистов.
Всё работает как надо. Но хотелось бы что бы вместо текста -... -
Здравствуйте.
Нужен простой ббкод для вставки youtube. Искал на просторах все не рабочие может у кого есть в наличии поделитесь пожалуйста.
Версия... -
Расширение позволяющее добавить рекламу на форум phpBB.
Расширение можно скачать на официальном сайте phpbb -
Расширение с правками от... -
После обновления старого PHPBB форума
с версии 2 до версии 3.3.10 в меню форума появился link The team , при открытии которого выдает 404 ошибку... -
Все привет, с Новым 2023 годом, здоровья и успехов во всем.
Ребят, такой вопрос, нужно было сделать форум, не стал делать чистую установку, просто... -
darkmode,расширение которое переключает светлый,темный режим форума.
Расширение работает и для гостей и имеет переключатель в navbar .
Недостатки:...