Книга FB2 своими руками. Самоучитель для занятых (СИ) - Страница 16

Изменить размер шрифта:

На Панели инструментов нажимаем Кнопку [Гиперссылка] —

Книга FB2 своими руками. Самоучитель для занятых (СИ) - i_157.png

либо активируем команду "Гиперссылка" из Меню:

|Стиль| — [Ссылка]

либо запускаем эту команду комбинацией клавиш на клавиатуре: [Ctrl]+[L];

после чего выделенный нами текст превращается в ссылку, становится подчеркнутым и меняет цвет на голубой.^[10]

Но, на самом деле, он еще не стал Гиперссылкой (поскольку никуда Вас пока не переместит). Далее, в гиперссылку необходимо вставить идентификатор, уникальный код, присущей только этой гиперссылке, по которому она будет находить нужное место, например, link-001 ^[11]. Это можно сделать двумя способами:

Вариант — 1. Устанавливаем курсор на подчеркнутой гиперссылке и в окне [Ссылка] Панели Ссылок, прописываем идентификатор, например, в таком виде #link-001 (Важно — обязательно ставим решетку перед идентификатором):

Вариант 2. Выделяем подчеркнутую гиперссылку и переходим в Редактор Программного Кода (Раздел [S] Панели инструментов). Видим следующую строку нашей гиперссылки:

Гиперссылка

вставляем наш идентификатор (не забываем про решетку) между кавычек и получаем:

Гиперссылка

Все — первую часть гиперссылки мы сделали!

Теперь вставляем Якорь Гиперссылки:

Находим то место в тексте, куда мы хотим попасть по созданной нами Гиперссылки, и вставляем в это место Якорь (с нашим идентификатором), который выглядит следующим образом:

id="link-001" (перед идентификатором ставится id=, сам идентификатор берется в кавычки — решетка при этом не ставится).

...

{Информация к размышлению:

Контейнер абзаца — [<p> Содержимое

], в том числе

— открывающий тег,

— закрывающий тег;

Содержимое — то, что находится внутри тегов и что мы видим в книге. Все что выделено уголками — программный код для Ридера.

Контейнеры могут быть помимо прочих:

Контейнер Заголовка — [<> Содержимое </<title>>]</b></p><p>Контейнер Подзаголовка — <b>[<subtitle> Содержимое </subtitle>]</b></p><p>Контейнер Сектора — <b>[<section> Содержимое </section>]</b></p><p>В контейнеры могут помещаться иные контейнеры по принципу матрешки.}</p><p>...</p><p>Якорь обязательно помещается определенным образом в открывающий тег какого-либо контейнера с программным кодом, например:</p><p><i>В начало абзаца.</i> Якорь вставляется в <b><p> </b>получается — <b><p id="link-001"></b></p><p><i>В начало Подзаголовка.</i> Якорь вставляется в <b><subtitle> </b>получается — <b><subtitle id="link-001"></b></p><p><i>В начало сектора.</i> Якорь вставляется в <b><section></b> получается — <b><section id="link-001"></b></p><p>и так далее.</p><p>Важно отметить, что в контейнере с якорем должна быть хотя бы точка, в противном случае ссылка не сработает, например:</p><p><p id="link-001"></p> — не правильно;</p><p><p id="link-001"><b>.</b></p> — так уже правильно.</p><p>Обязательно отслеживайте, чтобы как гиперссылка, так и якорь находились обязательно в секции документа (слева — зеленая полоска), в противном случае они работать не будут.</p><p>Гиперссылки легко можно редактировать, кликнув мышкой непосредственно на ссылке и в окне "Ссылки" Панели ссылок отредактировав ее ключ.</p><p>В тексте могут быть несколько Гиперссылок (в разных местах), ссылающихся на один и тот же Якорь с Идентификатором [ID], но ни в коем случае не несколько Якорей с одним и тем же [ID].</p><div class="fb2-empty-line"></div><p><i>Пример Гиперссылки</i> — <a name="read_link-001_back" href="#read_link-001" class="note">Гиперссылка</a></p><div class="fb2-empty-line"></div><p>Удалить Гиперссылку можно, если установить на ней курсор и нажать на Панели инструментов Кнопку [Удалить ссылку].</p><div class="fb2-empty-line"></div><p><sub><div class="fb2-image"><img width="217" height="101" alt="Книга FB2 своими руками. Самоучитель для занятых (СИ) - i_151.png" src="/covers34534265325342/2/9/7/7/1/4/598276/1511635749/i_151.png"></div> </sub></p><div class="fb2-empty-line"></div><p>Обратите внимание, что при этом якорь гиперссылки никуда не денется и останется висеть в том же месте, где и раньше был. Поиск и ликвидация якорей может быть осуществлены вручную, в Редакторе Программного Кода ([S]), по поисковому признаку <b>id="</b> (выделены в Редакторе Программного Кода текстом зеленого цвета — главное, не убрать нужные якоря).</p><p>Либо второй вариант: вначале находите якоря к ненужным гиперссылкам с помощью команды "Перейти на текст сноски или ссылки" на Панели инструментов:</p><div class="fb2-empty-line"></div><p><sub><div class="fb2-image"><img width="270" height="101" alt="Книга FB2 своими руками. Самоучитель для занятых (СИ) - i_160.png" src="/covers34534265325342/2/9/7/7/1/4/598276/1511635749/i_160.png"></div> </sub></p><div class="fb2-empty-line"></div><p>либо с помощью Меню:</p><p><i>|Правка| — [Перейти к сноске или к ссылке]</i></p><div class="fb2-empty-line"></div><p><b><sup><div class="fb2-image"><img width="314" height="26" alt="Книга FB2 своими руками. Самоучитель для занятых (СИ) - i_161.png" src="/covers34534265325342/2/9/7/7/1/4/598276/1511635749/i_161.png"></div> </sup></b></p><p>либо с помощью комбинации клавиш на клавиатуре: <b>[Ctrl]+[Backspace]</b>.</p><p>При переходе на место ссылки (Якорь) каждый раз на Панели Ссылок в окне [ID:] будет высвечиваться идентификатор якоря ссылки, который Вы можете стереть прямо в этом окне (при этом FB Editor стирает весь якорь), например:</p><p>До удаления идентификатора в окне "<b>ID:</b>" Панели ссылок — Якорь — <b><p id="link-1">Ссылка</p></b></p><p>После удаления идентификатора — нет Якоря — <b><p>Ссылка</p></b> — на этом месте в тексте просто слово "Ссылка".</p><p>Как видите, вторая часть Гиперссылки полностью ликвидирована.</p><p>После этого Вы можете удалить саму гиперссылку, кликнув по ней и нажав Кнопку "Удалить ссылки" на Панели инструментов, после чего останется только простой текст.</p><div class="fb2-empty-line"></div><p><i><b>Маленькие хитрости:</b></i> все идентификаторы гиперссылок лучше делать однообразными (за исключением порядкового номера), чтобы их легко можно было узнать и отличить от идентификаторов Ссылок и Комментариев, например, anchor_001, anchor_002 и так далее (Для информации — FB Editor присваивает: Ссылкам идентификаторы — [n_1], [n_2] и так далее; Комментариям идентификаторы — [c_1], [c_2] и так далее).</p><div class="fb2-empty-line"></div><div class="fb2-subtitle"><b>Возвратная Гиперссылка</b></div><div class="fb2-empty-line"></div><p>Для упрощения работы с книгой в тексте часто устанавливаются возвратные ссылки с тем, чтобы сразу после того, как была получена информация по ссылке, без труда вернуться на прежнее место в книге.</p><p>Это фактически две простые гиперссылки, одна из которых ссылается на нужное место в тексте, а вторая из этого места направляет читателя назад.</p><p>На месте Г<b>иперссылки</b> устанавливается следующий программный код (его видно в разделе [S] — Редакторе Программного Кода):</p><div class="fb2-empty-line"></div><p><p id="return001"> — якорь Возвратной Гиперссылки (в начале абзаца, в котором вписана Гиперссылка)</p></div><a href="https://knigger.com/kniga-kniga-fb2-svoimi-rukami-samouchitel-dlya-zanyatyh-si-297714" class="after-textbook">Оригинальный текст книги читать онлайн бесплатно в онлайн-библиотеке Knigger.com</a> </div>  </article> <div class="paging"> <ul class="pagination"> <li><a class="to_the_first" href=/read-book/kniga-kniga-fb2-svoimi-rukami-samouchitel-dlya-zanyatyh-si-297714/page-1 title="на первую" style="text-decoration:none;">первая</a></li> <li class="prev"><a href=/read-book/kniga-kniga-fb2-svoimi-rukami-samouchitel-dlya-zanyatyh-si-297714/page-15 title="на предыдущую" style="text-decoration:none;">назад</a></li> <li class="active"><span>16</span></li> <li><a href=/read-book/kniga-kniga-fb2-svoimi-rukami-samouchitel-dlya-zanyatyh-si-297714/page-17 style="text-decoration:none;">17</a></li> <li><a href=/read-book/kniga-kniga-fb2-svoimi-rukami-samouchitel-dlya-zanyatyh-si-297714/page-18 style="text-decoration:none;">18</a></li> <li class="next"><a href=/read-book/kniga-kniga-fb2-svoimi-rukami-samouchitel-dlya-zanyatyh-si-297714/page-17 title="на следующую" style="text-decoration:none;">вперед</a></li> <li><li><a class="to_the_last" href=/read-book/kniga-kniga-fb2-svoimi-rukami-samouchitel-dlya-zanyatyh-si-297714/page-18 title="на последнюю" style="text-decoration:none;">последняя</a></li></li> </ul> </div> <div id=allpages><form action="/read-book.php"> <input type="hidden" name="bid" value="297714"> <input type="number" class="form-control" id="spinner" min="1" max="18" name="page" placeholder="16" value="" style="width: 70px;" required> <span class="input-group-btn"> <button class="btn btn-default" type="submit">Перейти</button> </span> </form></div> <div style="margin:25px auto;text-align:center;"> <div class='advblock'>  <div id="adfox_16436217844621431"></div> <script> window.yaContextCb.push(()=>{ Ya.adfoxCode.createScroll({ ownerId: 264109, containerId: 'adfox_16436217844621431', params: { p1: 'coiqd', p2: 'hczm' } }, ['desktop', 'tablet'], { tabletWidth: 830, phoneWidth: 480, isAutoReloads: false }) }) </script>  <div id="adfox_164362218085173156"></div> <script> window.yaContextCb.push(()=>{ Ya.adfoxCode.createScroll({ ownerId: 264109, containerId: 'adfox_164362218085173156', params: { p1: 'coiql', p2: 'hczo' } }, ['phone'], { tabletWidth: 830, phoneWidth: 480, isAutoReloads: false }) }) </script> </div> </div>  </div> <div class="seo_text"></div> </div> <div class="go-up" title="Вверх" id='ToTop'>⇧</div> <div class="go-down" title="Вниз" id='OnBottom'>⇩</div> <div id="overlay"> <div id="modal_form"> <span id="modal_close">X</span>  <div id="result-modal"></div> </div> </div> </section> <footer id=footer> <div class="container"> <div class="list active"> <p class="title">Основное</p> <ul> <li><a href="/biblioteka" >Библиотека</a></li> <li><a href="/genres">Жанры</a></li> <li><a href="/blog" >Блог</a></li> <li><a href="/authors" >Авторы</a></li> </ul> </div> <div class="list"> <p class="title">Интересное</p> <ul> <li><a href="/top100" >ТОП-100</a></li> <li><a href="/new" >Новинки</a></li> </ul> </div> <div class="list"> <p class="title">Мы в соцсетях</p> <ul> <li><a href="https://www.facebook.com/kniger.books/" target="_blank" title="Книгер онлайн в Facebook"><i class="fa fa-facebook" aria-hidden="true"></i> Facebook</a></li> <li><a href="https://plus.google.com/u/0/101601772326180999157" target="_blank" title="Книгер онлайн в Google+"><i class="fa fa-google-plus" aria-hidden="true"></i> Google+</a></li> <li><a href="https://plus.google.com/communities/102973326758879941160" target="_blank" title="Книгер онлайн в Google+"><i class="fa fa-google-plus" aria-hidden="true"></i> Google+ Сообщество</a></li> <li><a href="https://vk.com/kniggerlibrary" target="_blank" title="Книгер онлайн вКонтакте"><i class="fa fa-vk" aria-hidden="true"></i> Вконтакте</a></li> <li><a href="https://www.pinterest.com/knigger_com/pins/" target="_blank" title="Книгер онлайн в Pinterest"><i class="fa fa-pinterest-p" aria-hidden="true"></i> Pinterest</a></li> <li><a href="https://twitter.com/Knigger3" target="_blank" title="Книгер онлайн Twitter"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a></li> <li><a href="https://www.instagram.com/kniger.books/" target="_blank" title="Книгер онлайн Instagram"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a></li> <li><a href="http://feeds.feedburner.com/kniggercom" target="_blank" title="Книгер онлайн RSS"><i class="fa fa-rss" aria-hidden="true"></i> RSS</a></li> </ul> </div> <div class="list"> <p class="title">Полезное</p> <ul> <li>E-mail: <a href="mailto:kniger.com@gmail.com">kniger.com@gmail.com</a></li> <li><a href="/privacy">Политика конфиденциальности</a></li> <li><a href="/cookies">Файлы Cookie</a></li> </ul> </div> <p>© Knigger.com 2018</p> <noindex> <div id=counters style="display:none;">  <a href='http://hit.ua/?x=72429' target='_blank'> <script language="javascript" type="text/javascript"></script> <script language="javascript1.1" type="text/javascript"></script> <script language="javascript1.2" type="text/javascript"></script> <script language="javascript" type="text/javascript"></script> <noscript> <img src='//c.hit.ua/hit?i=72429&g=0&x=2' border='0'/> </noscript></a>  <script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-105179800-1', 'auto'); ga('send', 'pageview'); </script>  <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js", "ym"); ym(45718467, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/45718467" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  </div> </noindex> </div> </footer>  <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ type: 'fullscreen', platform: 'touch', blockId: 'R-A-737529-19' }) })</script> <script id="dsq-count-scr" src="//http-knigger-com.disqus.com/count.js" async></script> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Organization", "name" : "Онлайн библиотека Книгер", "url" : "https://knigger.com/", "sameAs" : [ "https://www.facebook.com/kniger.books/", "https://plus.google.com/u/0/101601772326180999157", "https://vk.com/kniggerlibrary", "https://www.pinterest.com/knigger_com/pins/", "https://twitter.com/Knigger3", "https://www.instagram.com/kniger.books/" ] } </script> <div class="bottom__cookie-block"> <p>Продолжая использовать сайт, Вы соглашаетесь на сбор файлов cookie</p> <a href="javascript:void(0);" class="ok">Ок</a> <a href="/cookies" class="podr">Подробнее</a> </div> <script type="text/javascript" src="/js/cookies.js"></script> <script> $(function() { if (!$.cookie('hideModal')) { var delay_popup = 1000; setTimeout("document.querySelector('.bottom__cookie-block').style.display='inline-block'", delay_popup); } $.cookie('hideModal', true, { expires: 30, path: '/' }); }); $('.ok').click(function(){ $('.bottom__cookie-block').fadeOut(); }); </script> <div style='width: 100%; position: fixed; bottom: 0; left: 0; display: flex; justify-content: center; z-index: 999999;' id='closing'> <div style='box-shadow: rgba(17, 58, 102, 0.45) 0px 4px 6px 3px; position: relative;'>  <div id="adfox_165572643681011879"></div> <script> window.yaContextCb.push(()=>{ Ya.adfoxCode.createAdaptive({ ownerId: 264109, containerId: 'adfox_165572643681011879', params: { p1: 'coiqt', p2: 'hczq' } }, ['phone'], { tabletWidth: 830, phoneWidth: 480, isAutoReloads: false }) }) </script> <span id='close' style='background: #fff; width: 27px; height: 27px; border-radius: 5px; border: 1px solid grey; color: #000; display: flex; align-items: center; justify-content: center; position: absolute; top: -29px; right: 0px; z-index: 999999; font-size: 25px'>×</span> </div> </div> <script> const websitebody = document.querySelector('body'); console.log(screen.width); if (screen.width>500){ document.getElementById('closing').style.display = 'none' } websitebody.addEventListener('click', event => { if (event.target.id === 'close') { setTimeout(document.getElementById('closing').style.display = 'none', 500); } }) </script> </body> </html>