Фиксированная чёрная полоса внизу экрана, при прокрутке становится полупрозрачной. При наведении мышки на полосу - становится активной.

Между тегами <head> ставим:

Код: Выделить всё

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
            $(function() {
                $(window).scroll(function(){
					var scrollTop = $(window).scrollTop();
					if(scrollTop != 0)
						$('.ac_footer').stop().animate({'opacity':'0.2'},400);
					else	
						$('.ac_footer').stop().animate({'opacity':'1'},400);
				});
				
				$('.ac_footer').hover(
					function (e) {
						var scrollTop = $(window).scrollTop();
						if(scrollTop != 0){
							$('.ac_footer').stop().animate({'opacity':'1'},400);
						}
					},
					function (e) {
						var scrollTop = $(window).scrollTop();
						if(scrollTop != 0){
							$('.ac_footer').stop().animate({'opacity':'1'},400);
						}
					}
				);
            });
        </script>
Перед закрывающим тегом </body> ставим:

Код: Выделить всё

<div class="ac_footer">
		<a href="#" class="ac_left"><span>Левая</span> ссылка</a>
		<a href="#">Правая ссылка</a>
</div>
Вместо ссылки можно поставить просто надпись или стрелку вверх. Можно соорудить навигационное меню. Всё на ваше усмотрение и фантазию.

В тему стиля:

Код: Выделить всё

.ac_footer {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    font-size: 13px;
    height: 20px;
    left: 0;
    opacity: 0.9;
    padding-bottom: 5px;
    position: fixed;
    width: 100%;
    z-index: 999;
}
.ac_footer a {
    font-family: 'PT Sans Narrow',Arial,sans-serif;
    color: #DDDDDD;
    float: right;
    letter-spacing: 0.3px;
    padding: 5px 10px;
    text-shadow: 1px 1px 1px #000000;
    font-size: 11px;
    text-transform: none;
}
.ac_footer a:hover {
    color: #FFFFFF;
}
.ac_footer a span {
    font-weight: bold;
}
.ac_footer a.ac_left {
    float: left;
}
background: none repeat scroll 0 0 #000000; - цвет полосы.
color: #FFFFFF; - цвет текста.
Комментарии: 32

romaamor 08 апр 2013, 02:54 Сообщение

CabinetAdmin писал(а):Можно установить Recent topics for phpBB3 (Темы на стр. сайта) и использовать скрипт для вывода тем на все страницы форума.
Пробовал. Странно как то он работает. Выводит только одну тему. :shock:
  • 0

CabinetAdmin 08 апр 2013, 14:43 Сообщение

romaamor писал(а):На сайте http://shishatskaya.luckbb.ru/ работает
Одни точки выводит:)

Нужно у .ac_footer a { удалить float: right;, тогда и надписи появятся.
romaamor писал(а):У вас видать версия мода другая.
Я ж не знаю какая у тебя версия, можно так попробовать:

Код: Выделить всё

<!-- BEGIN recent_topics -->
   <a href="{recent_topics.U_VIEW_TOPIC}">{recent_topics.TOPIC_TITLE}</a> &#8226;
<!-- END recent_topics -->
romaamor писал(а):Пробовал. Странно как то он работает. Выводит только одну тему.
Правильно что одну, остальных просто не видно, они расположены ниже экрана. Нужно править recent_body.html:

Код: Выделить всё

<!-- BEGIN topicrow -->
document.writeln('{topicrow.TOPIC_REPLIES}<a href="{topicrow.U_TOPIC}">{topicrow.TOPIC_TITLE}</a><br />\n');
В этом месте нужно удалить <br />, можно вместо него поставить тот же &#8226; или какой нибудь другой знак, что бы разделить ссылки.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 08 апр 2013, 16:57 Сообщение

CabinetAdmin писал(а):Одни точки выводит:)
Не, оно потом дальше идет.
Изображение
А по поводу остального - буду пробовать. :)
  • 0

romaamor 08 апр 2013, 17:26 Сообщение

romaamor писал(а):А по поводу остального - буду пробовать
CabinetAdmin писал(а):можно так попробовать:
Заработало. :Yahoo!:
Токо буковки белые, цвет меняю а они все равно белые. :(
И можно как то разделить названия тем ? А то все сливается.
  • 0

CabinetAdmin 08 апр 2013, 18:35 Сообщение

Я сейчас вижу чёрную полосу с серыми буквами. Точек не видно, потому что они чёрные.
Можно сделать так, к .ac_footer { добавить:

Код: Выделить всё

line-height: 25px;
color: #ddd;
color: #ddd; - даст тексту, в нашем случае точкам между ссылками, серый цвет.

Дальше, у .ac_footer a { удалить float: right;. Это объединит точки с ссылками, с float: right; они будут врозь.
Ссылки будут разделять вот такие вот точки - •
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 08 апр 2013, 19:06 Сообщение

Даааа, интирестно получается. На експлрере все работает нормально, а на хроме точек нет и строка в два ряда .... Как то лечится ?
  • 0

CabinetAdmin 08 апр 2013, 19:24 Сообщение

romaamor писал(а):на хроме точек нет и строка в два ряда ....
Да не... Нормально всё.
В IE прокрутки нет, опера - нормально отображает, огнелис - тоже правильно отображает.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 08 апр 2013, 23:34 Сообщение

CabinetAdmin писал(а):Да не... Нормально всё.
Это у меня яндекс браузер тормозит. Пришлось весь кеш CCleaner- ром убирать.
Но все равно, буковки черными сделать не могу. :(
  • 0

GoDFaTHeR 09 апр 2013, 06:13 Сообщение

romaamor писал(а):Но все равно, буковки черными сделать не могу.
.ac_footer a {
color: #000000;
  • 0
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

GoDFaTHeR 09 апр 2013, 06:24 Сообщение

и можно дополнительно прописать
.ac_footer a:hover {
color: #000000;

В предыдущем посте цвет текста, в этом текст при наведении
  • 0
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

CabinetAdmin 09 апр 2013, 18:44 Сообщение

romaamor писал(а):Но все равно, буковки черными сделать не могу.
Не видно же будет?
Изображение
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 11 апр 2013, 07:30 Сообщение

CabinetAdmin писал(а):Не видно же будет?
Ну дык цвет полосы сменить не проблема. :)
  • 0

romaamor 18 апр 2013, 08:59 Сообщение

А как можно сделать в бегущей строке две разные ,по цвету полосы ? Как на скрине к примеру.
Изображение
  • 0

CabinetAdmin 18 апр 2013, 14:14 Сообщение

Что-то типа двух полос, сверху и снизу?

Можно так, добавить к .ac_footer {:

Код: Выделить всё

border-bottom: 5px solid #000;
border-top: 5px solid #000;
overflow: hidden;
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 18 апр 2013, 14:58 Сообщение

Оно. :drink:
А как буковки сделать жирнее, и больше ?
  • 0