Пробовал. Странно как то он работает. Выводит только одну тему.CabinetAdmin писал(а):Можно установить Recent topics for phpBB3 (Темы на стр. сайта) и использовать скрипт для вывода тем на все страницы форума.
Фиксированная чёрная полоса внизу экрана, при прокрутке становится полупрозрачной. При наведении мышки на полосу - становится активной.
Между тегами <head> ставим:
Перед закрывающим тегом </body> ставим:
Вместо ссылки можно поставить просто надпись или стрелку вверх. Можно соорудить навигационное меню. Всё на ваше усмотрение и фантазию.
В тему стиля:
background: none repeat scroll 0 0 #000000; - цвет полосы.
color: #FFFFFF; - цвет текста.
Между тегами <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>
Код: Выделить всё
<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;
}
color: #FFFFFF; - цвет текста.
Комментарии: 32
Одни точки выводит:)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> •
<!-- 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 />
, можно вместо него поставить тот же •
или какой нибудь другой знак, что бы разделить ссылки.Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Я сейчас вижу чёрную полосу с серыми буквами. Точек не видно, потому что они чёрные.
Можно сделать так, к
Дальше, у
Ссылки будут разделять вот такие вот точки - •
Можно сделать так, к
.ac_footer {
добавить:
Код: Выделить всё
line-height: 25px;
color: #ddd;
color: #ddd;
- даст тексту, в нашем случае точкам между ссылками, серый цвет.Дальше, у
.ac_footer a {
удалить float: right;
. Это объединит точки с ссылками, с float: right;
они будут врозь.Ссылки будут разделять вот такие вот точки - •
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
.ac_footer a {romaamor писал(а):Но все равно, буковки черными сделать не могу.
color: #000000;
и можно дополнительно прописать
.ac_footer a:hover {
color: #000000;
В предыдущем посте цвет текста, в этом текст при наведении
.ac_footer a:hover {
color: #000000;
В предыдущем посте цвет текста, в этом текст при наведении
Что-то типа двух полос, сверху и снизу?
Можно так, добавить к
Можно так, добавить к
.ac_footer {
:
Код: Выделить всё
border-bottom: 5px solid #000;
border-top: 5px solid #000;
overflow: hidden;
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!