представляю вашему вниманию ещё один интересный вариант применения вывода дополнительной информации: скрытая с правой стороны панелька при клике выдвигается и показывает написанную там информацию. что-то типа пояснений к тексту или добавочная информация по тексту/автору. скрипт реализован на JQuery,
оформление (css) прописано прямо в bbcode в админке.
как это выглядит после применения - можете поглядеть справа на этой страничке.
Как эта интересность ставится:
Скачать из архива сайта скрипты и картинку, распаковать и папку panel загрузить в корень форума (где файл config.php).
Скачать из файлового архива сайта
Использование BBCode
Код: Выделить всё
[info]{TEXT}[/info]Замена HTML
Код: Выделить всё
<script type="text/javascript" src="./panel/jquery.js"></script>
<script src="./panel/jquery.tabslideout.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('.panel').tabSlideOut({
tabHandle: '.handle',
pathToTabImage: 'ваш сайт/panel/tr.png',
imageHeight: '30px',
imageWidth: '30px',
tabLocation: 'right',
speed: 300,
action: 'click',
topPos: '35%',
fixedPosition: true
});
});
</script>
<style>
.panel {height:300px;width:250px;background:#fff;border:1px solid #c1c1c1;border-radius:5px;}
.sp {padding:20px}
</style>
<div class="panel">
<div class="sp">
<a class="handle" href="#"></a><span>{TEXT}</span>
</div>
</div>Подсказка
Код: Выделить всё
скрытая информация по клику (справа): [info]текст[/info]| теперь небольшое пояснение по коду в Замена HTML: во-первых, для вывода картинки в скрипте лучше прописать абсолютную ссылку, то есть в строке Код: Выделить всё pathToTabImage: 'ваш сайт/panel/tr.png',прописать полный путь до картинки. например здесь он такой: Код: Выделить всё pathToTabImage: 'https://phpbb-belk.ru/panel/tr.png',во-вторых, оформление панельки - это Код: Выделить всё .panel {height:300px;width:250px;background:#fff;border:1px solid #c1c1c1;} |
небольшие пояснения от автора скрипта по jquery
всё. надеюсь кому-нибудь пригодится.
к сожалению этот скрипт я нашёл уже давно где-то на просторах сети. если объявится автор, я с удовольствием пропишу копирайт
Обязательно такой поставлю! 
