Данная модификация уже установлена на этом форуме, так что перед установкой себе на форум можно её по тестировать и, в случае если эта модификация вас не устроит, выбрать другой мод (можно найти на нашем форуме).
Для тех кто не уверен в себе делаем бэкап.
Первое на что стоит обратить внимание. Данная модификация работает на jquery, так что для работы необходима её библиотека. Если у вас её нет, то откройте шаблон overall_header.html и добавьте перед </head>:
- Код: Выделить всё
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
Далее. Скачиваете архив:
quickreply_editor.zip- (1.31 Кб) Скачиваний: 385
Распаковываете и закачиваете на форум через менеджер картинок. Открываете шаблон overall_footer.html и перед </body> добавляете:
- Код: Выделить всё
<!-- IF S_USER_LOGGED_IN and not S_IS_BOT --><script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/quickreply_editor.js"></script><!-- ENDIF -->
{T_SUPER_TEMPLATE_PATH}/quickreply_editor.js - меняете ссылкой из менеджера картинок.
Изменения для стилей.
prosilver и его клоны.
Открываете шаблон viewtopic_body.html находите:
- Код: Выделить всё
<!-- IF postrow.POSTER_AVATAR -->
<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
<!-- ENDIF -->
меняете на:
- Код: Выделить всё
<!-- IF postrow.POSTER_AVATAR -->
<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}" class="avatar">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
<!-- ENDIF -->
Шаблон viewtopic_body.html, найти:
- Код: Выделить всё
<div class="postbody">
добавить после:
- Код: Выделить всё
<div id="post_content{postrow.POST_ID}">
найти:
- Код: Выделить всё
</div>
<!-- IF not postrow.S_IGNORE_POST -->
<dl class="postprofile" id="profile{postrow.POST_ID}">
и добавить перед:
- Код: Выделить всё
</div>
subsilver2 и его клоны.
Открываете шаблон viewtopic_body.html находите:
- Код: Выделить всё
<!-- BEGIN postrow -->
<table class="tablebg" width="100%" cellspacing="1">
меняете на:
- Код: Выделить всё
<!-- BEGIN postrow -->
<table class="tablebg post_sub" width="100%" cellspacing="1">
Чуть ниже находите:
- Код: Выделить всё
<td align="center" valign="middle">
<!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
и меняете на:
- Код: Выделить всё
<td align="center" valign="middle" id="profile{postrow.POST_ID}">
<!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
Находите:
- Код: Выделить всё
<div class="postbody">{postrow.MESSAGE}</div>
и меняете на:
- Код: Выделить всё
<div id="post_content{postrow.POST_ID}" class="postbody"><div class="content">{postrow.MESSAGE}</div></div>
Далее для обоих стилей.
Открываем тему вашего стиля и в самый конец добавляем:
- Код: Выделить всё
/* Dropdown quote
----------------------------------------*/
.dropdown {
position: absolute;
left: 0;
top: 1.2em;
z-index: 2;
border: 1px solid transparent;
border-radius: 5px;
padding: 9px 0 0;
margin-right: -500px;
}
.dropdown .pointer, .dropdown .pointer-inner {
position: absolute;
width: 0;
height: 0;
border-top-width: 0;
border-bottom: 10px solid transparent;
border-left: 10px dashed transparent;
border-right: 10px dashed transparent;
-webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
display: block;
}
.dropdown .pointer {
border-color: #B9B9B9 transparent;
right: auto;
left: 10px;
top: 0;
z-index: 3;
}
.dropdown .pointer-inner {
border-color: #FFFFFF transparent;
top: auto;
bottom: -11px;
left: -10px;
}
.dropdown .dropdown-contents {
background: #FFFFFF;
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
z-index: 2;
overflow: hidden;
overflow-y: auto;
border: 1px solid #b9b9b9;
border-radius: 5px;
padding: 5px;
position: relative;
min-width: 40px;
max-height: 300px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.dropdown li {
float: none !important;
line-height: normal !important;
font-size: 1em !important;
list-style: none;
margin: 0;
padding-top: 4px;
padding-bottom: 4px;
white-space: nowrap;
text-align: left;
}
Добавляем новый ббкод - ссылка на цитируемое сообщение.
Использование BBCode:
- Код: Выделить всё
[post]{NUMBER}[/post]
Замена HTML:
- Код: Выделить всё
<a href="./viewtopic.php?p={NUMBER}#p{NUMBER}" class="post_quote"><span title="Источник цитаты"><img src="./styles/prosilver/imageset/icon_post_target.gif" width="11" height="9"></span></a>
Изображение можно установить собственное.
Всё. Если вы всё сделали правильно, то при выделении текста у вас появится окошко для быстрой цитаты.
