DasIst0

Значок помогает помечать исходящие ссылки, которые не принадлежат нашему домену.
Вставьте следующий код в custom.css:
.ipsType_richText a:not(:has(img))[rel*="external"]:after { content: "\f08e"; font-family: FontAwesome; font-size:10px; margin-left: 4px; display: inline-block; }
 
Если хотите чтобы значок отображался перед ссылкой замените:
after на
before

Если по-простому, то можно сделать так, но только для тех групп, которые могут использовать HTML в сообщениях.

1. Открыть globalTemplate и вставить перед </body> следующий код:
 
            <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>   <link href="http://codegena.com/assets/css/image-preview-for-link.css" rel="stylesheet">       <script type="text/javascript">     $(function() {                 $('#p1 a').miniPreview({ prefetch: 'pageload' });                 $('#p2 a').miniPreview({ prefetch: 'parenthover' });                 $('#p3 a').miniPreview({ prefetch: 'none' });             });   </script> <script src="http://codegena.com/assets/js/image-preview-for-link.js"></script>
2. Добавить в редакторе текст сообщения в HTML-режиме:
 
<p id="p1"><a href="https://artsgallery.pro">Cnet</a></p> <p id="p2"><a href="https://artsgallery.pro">Codegena</a></p> <p id="p3"><a href="https://artsgallery.pro">Apple</a></p>
Атрибуты:
id="p1" - создать и показать при наведении курсора мыши предварительный просмотр страницы по ссылке при загрузке страницы (заранее).
id="p2" - создать и показать предварительный просмотр страницы по ссылке при наведении курсора мыши на ссылку (в момент наведения).
id="p3" - создавать и показывать предварительный просмотр страницы при наведении курсора на ссылку каждый раз при наведении.

Очевидно, что предпочтителен вариант p2, так как будет меньше всего нагружать браузер.

Можно попытаться сделать так, чтобы атрибут id="p2" добавлялся в каждый тег p в редакторе автоматически. Но это нужно копать редактор или писать плагин. Так далеко я не заходил. Если же речь идет о простых манипуляциях, то атрибут можно добавлять руками каждый раз, когда это нужно. Так будет меньше всего проблем.
 

Пример в аттаче (превью в примере кликабельны) ↓
 
new 3.html

Новый Scroll indicator


Перейти к  AКП -> Настройка -> Тема -> Изменить HTML и CSS -> Шаблоны -> globalTemplate,
вставить этот код, перед </body>
<div id='scroll'></div> <script type='text/javascript'> //<![CDATA[ var scrollTimer = null; $(window).scroll(function() { var viewportHeight = $(this).height(), scrollbarHeight = viewportHeight / $(document).height() * viewportHeight, progress = $(this).scrollTop() / ($(document).height() - viewportHeight), distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2; $('#scroll') .css('top', distance) .text(' (' + Math.round(progress * 100) + '%)') .fadeIn(600); if (scrollTimer !== null) { clearTimeout(scrollTimer); } scrollTimer = setTimeout(function() { $('#scroll').fadeOut(600); }, 1000); }); //]]> </script> Перейти к  AКП -> Настройка -> Тема -> Изменить HTML и CSS -> CSS -> custom.css  и вставить этот код:
#scroll { display:none; position:fixed; top:0; right:15px; z-index:500; padding:3px 8px; background-color:#369fcf; color:#fff; border-radius:3px; font-size:14px; } #scroll:after { content: " "; position: absolute; top:50%; right:-10px; height:0; width:0; margin-top:-6px; border:6px solid transparent; border-left-color:#369fcf; }