Terrry

Данная инструкция поможет Вам, добавить эффект плавного затухания логотипа при наведении на него мышкой.

Добавьте данный код в Custom.css
a#elLogo:hover { opacity: .4; -moz-transition-property: opacity; -moz-transition-duration: 1s; -moz-transition-delay: 0s; -webkit-transition-property: opacity; -webkit-transition-duration: 1s; -webkit-transition-delay: 0s; -o-transition-property: opacity; -o-transition-duration: 1s; -o-transition-delay: 0s; transition-property: opacity; transition-duration: 1s; transition-delay: 0s; } a#elLogo { display: inline; opacity: 1; -moz-transition-property: opacity; -moz-transition-duration: 1s; -moz-transition-delay: 0s; -webkit-transition-property: opacity; -webkit-transition-duration: 1s; -webkit-transition-delay: 0s; -o-transition-property: opacity; -o-transition-duration: 1s; -o-transition-delay: 0s; transition-property: opacity; transition-duration: 1s; transition-delay: 0s; }  

Есть конечно и много других способов (наверное) внедрить кнопку для мод.тегов (например, предупреждение и т.п), но все это можно сделать и в админке.
Итак, открываем Внешний вид > Настройки редактора > Добавить кнопку 
Вводим данные и загружаем картинку, ставим тип Блочный, в боксе замены HTML пишем
<table cellpadding="0px" cellspacing="0px" style="width: 100%; border: 1px solid #2E691C; border-left: 4px solid #2E691C; vertical-align: middle;">         <tr style="height: 40px; line-height: 40px;">             <td style="background-color: #95E673; padding-left:10px; font-size: 10px;" width="95%">                 <u>ИНФОРМАЦИОННОЕ СООБЩЕНИЕ</u> <b>{option}</b>             </td>             <td style="max-width: 80px; width: 80px; text-align: center; background-color: #1FB852;; font-size: 36px; color: white;">                 <b>I</b>             </td>         </tr>         <tr style="line-height: 40px;">             <td colspan="2" style="padding-left:10px; background-color: #C8FFB0; color: #20541C; font-size: 12px; font-weight: bold;">{content}</td>         </tr> </table> Не забываем выставлять права на пользование кнопкой (вкладка рядом справа).

Добавьте кнопки загрузки файлов на ваш CKEditor


Перейти к ACP > Customization > Themes > Your theme >edit HTML and CSS > core > global > forms > editorAttachments  и найти:
<li class='ipsPos_right ipsResponsive_noFloat'> после этого, вставьте этот код:
<span class="uploadfile ipsButton ipsButton_light ipsButton_verySmall"><a href="" onClick="javascript:window.open('https://mediafire.com','','location=0,status=0,scrollbars=1,width=760,height=660');"><i class="fa fa-upload" aria-hidden="true"></i> MediaFire</a></span> <span class="uploadfile ipsButton ipsButton_light ipsButton_verySmall"><a href="" onClick="javascript:window.open('http://filedropper.com','','location=0,status=0,scrollbars=1,width=760,height=660');"><i class="fa fa-upload" aria-hidden="true"></i> FileDropper</a></span> <span class="uploadfile ipsButton ipsButton_light ipsButton_verySmall"><a href="" onClick="javascript:window.open('http://www.tinyupload.com/','','location=0,status=0,scrollbars=1,width=760,height=660');"><i class="fa fa-upload" aria-hidden="true"></i> TinyUpload</a></span> Сохранить
Перейти к CSS > custom.css и вставить этот код:
.uploadfile a:link { text-decoration: none; color: #333; transition: all 0.5s ease; } .uploadfile a:visited { text-decoration: none; color: #333; transition: all 0.5s ease; } Сохранить
Вы можете разместить ссылки на свой вкус
наслаждаться 

Добавить строку в панели инструментов (редактор)
Перейдите в  ACP > Customization > Editor > Toolbars нажмите кнопку Add Button > Custom

Заполните поля в соответствии со скриншотами

Button Title : Line
Icon : Загрузить прикрепление в ниже
Type : Inline 
Use option? : NO
HTML:
<hr class="ipsHr"> Сохранить
Перетащите значок в редакторе

пример



Извините за плохой русский
 
line-icon.rar