Слепила сегодня панельку, аналогичную панельке, которая есть в моем форуме на другой хостинг, и которая очень нравится пользователям.
Следующий код, я думаю, подойдет для любых стилей.
Вот это засовывается в шаблон овералл_футер перед закрывающим тегом боди.
- Код: Выделить всё
<!-- IF not S_IS_BOT -->
<!-- IF S_USER_LOGGED_IN -->
<div id="bottom_panel"><div id="second_nav">
<!-- IF S_DISPLAY_SEARCH and S_USER_LOGGED_IN --><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a> • <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> • <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a> • <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • <!-- ENDIF -->
<a href="{U_PROFILE}">{L_PROFILE}</a> •
<!-- IF S_DISPLAY_PM --><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a><!-- ENDIF -->
</div></div>
<!-- ENDIF -->
<!-- ENDIF -->
А вот это в сss. Точней, как тут это называется - в тему стиля.
- Код: Выделить всё
/* Нижняя фиксированная панель */
#bottom_panel{
position: fixed;
z-index: 999;
right: 0;
bottom: 0;
width: 100%;
min-width: 1000px;
height: 20px;
margin: 0;
padding: 0;
background-color: transparent;
_display: none; /* Хак для ИЕ-6, зарезать панель насмерть */
}
#second_nav {
background-color:#e6eaf0;
border-color:#284766 #284766 #284766;
border-style:solid;
border-width:1px 1px 0;
clear:both;
display:block !important;
float:none;
font-family:Arial;
font-size:12px;
font-weight:bold;
height:20px;
letter-spacing:normal;
margin:auto;
min-width:1000px;
padding:0px 8px 0;
position:static;
text-align:center;
text-transform:none;
width:100%;
word-spacing:normal;
_display: none;
}
Стиль панельки можно изменить по своему вкусу. Начинку тоже можно поменять на ту, которая больше нравится. Главное тут принцип - в НТМЛ разметке появляется элемент с position: fixed и z-index, превышающем все z-index на странице.
В общем виде НТМЛ код предложенного решения выглядит так:
- Код: Выделить всё
<!-- IF not S_IS_BOT -->
<!-- IF S_USER_LOGGED_IN -->
<div id="bottom_panel"><div id="second_nav">
содержимое панели
</div></div>
<!-- ENDIF -->
<!-- ENDIF -->
Ключевые моменты для сss, которые при редактировании стиля панельки следует оставить:
- Код: Выделить всё
/* Нижняя фиксированная панель */
#bottom_panel{
position: fixed;
z-index: 999;
right: 0; /* это положение панели относительно правого края */
bottom: 0; /* это положение панели относительно нижнего края */
width: 100%; /* это ширина панели, можно сделать уже или шире */
min-width: 1000px; /* это минимальная ширина элемента, задана, чтобы элементы не съезжали, если пользователь увеличит масштаб страницы, тоже можно менять, но указание желательно оставить */
height: 20px; /* это высота панели, ее можно менять по своему вкусу, но указание высоты должно быть */
_display: none; /* Хак для ИЕ-6, зарезать панель насмерть */
}
#second_nav {
display:block !important;
min-width:1000px;
position:static;
_display: none;
}
Чтоб не извращаться сильно с обучением ИЕ-6 понимать позишн фиксед в css для панели добавлен хак, который просто рубит ее показ для ИЕ-6. Можно сделать и покроссбраузерней, чтоб и ИЕ-6 показвал панель корректно, но я смысла особого не вижу для него стараться.
Вот. Что получится в итоге? Маленькая полосочка внизу страницы, в которой для зарегистрированных пользователей будут ссылки на поиск новых сообщений, непрочитанных сообщений, активных тем, собственных сообщений и на личку.
Скрин с моего форума на 4админс: http://s003.обязуюсь больше не использовать этот фото-хостинг :)/i204/1012/57/b6b9f8cb6c87.gif
Полосочка при прокрутке страницы будет все время оставаться на месте.
Таким образом у вас и ваших пользователей появится возможность быстрого перехода без лишних телодвижений к новым сообщениям форума.