ссылка оглавление форума внизу

автор AnnaMarusyk Октябрь 27th 2010, 00:59

Не нашла как это сделать unknown

, поэтому пишу:

необходимо сделать под списком форумов (или в конце каждой страницы темы, смотря где находимся) вторую такую же ссылку для перехода ко всем темам или к разделу, в котором находишься, как вверху. Как сделать?

ссылка оглавление форума внизу E26b435161643ed3c7b09a5c66e3029b

автор AnnaMarusyk Ноябрь 11th 2010, 15:30

прикрепила скрин

автор vvo Декабрь 13th 2010, 23:49

Можно сделать по разному:
- создать виджет и поставить его слева или справа как быстрые ссылки на форумы (пример на ФФ);
- установит фиксированную нижнюю панель, можно и через фрейм;
- поставить нужные ссылки в каждое сообщение форума.

автор AnnaMarusyk Декабрь 14th 2010, 02:26

А по моему вопросу ничего?

Могу предложить такой вариант (только для IPB):
1) Добавьте в левую колонку виджетов главной страницы:

Код:: <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function(){ jQuery("#navstrip").clone().insertAfter(jQuery('div.borderwrap:last')).attr('id', 'navstrip2'); }); //]]> </script>

В результате на каждой странице будет создаваться дубль этой строки и вклеиваться после последнего блока с классом borderwrap.

2) Чтобы не допускать повторения id клону будет назначен идентификатор navstrip2, соответственно, в CSS придется добавить комплект свойств для него:

Код:: #navstrip2 { color: #FFC7C7; font-weight: 700; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 1em; margin-left: 0; margin-right: 0; margin-top: 0; } #navstrip2 li { -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: url("http://illiweb.com/fa/invision/breadcrumb-arrow.gif"); background-position: left 50%; background-repeat: no-repeat; float: left; margin-bottom: 0; margin-left: 5px; margin-right: 5px; margin-top: 0; padding-left: 13px; } #navstrip2 li.begin { -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: url("http://illiweb.com/fa/invision/nav.gif"); background-position: left 50%; background-repeat: no-repeat; padding-left: 15px; } #navstrip2 li a { font-weight: 700; text-decoration: none; } #navstrip2 li a:hover { color: #5A7CB7; }

Примерьте, подойдет ли так.

автор AnnaMarusyk Декабрь 15th 2010, 02:02

Странно, совершенно ничего не изменилось unknown

Изменилось. Проблема в наличие включенной правой колонки (я не рассмотрела вариант с двумя колонками, извините), которая тоже наследует стиль borderwrap:

ссылка оглавление форума внизу 896ccbdb4550t

В результате скрипт ставит клона под нее.

Замените скрипт на вот этот:

Код:: <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function(){ jQuery("#navstrip").clone().insertAfter(jQuery('#main-content div.borderwrap:last')).attr('id', 'navstrip2'); }); //]]> </script>

Он с уточнением, что место для клона надо искать в центральной части страницы.