Перейти к содержанию

DasIst0

Пользователи
  • Постов

    289
  • Зарегистрирован

  • Посещение

  • Победитель дней

    1

Активность репутации

  1. Лайк
    DasIst0 отреагировал в iDreaMs за запись, Иконка для внешних ссылок в посте   
    Значок помогает помечать исходящие ссылки, которые не принадлежат нашему домену.
    Вставьте следующий код в 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
  2. Лайк
    DasIst0 отреагировал в Zero108 за запись, Всплывающие превью при наведении мыши на текстовую ссылку   
    Если по-простому, то можно сделать так, но только для тех групп, которые могут использовать 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
  3. Лайк
    DasIst0 отреагировал в Silence за запись, Новый Scroll indicator   
    Новый 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; }  
×
×
  • Создать...