А можно как то туда вставить script ?xaocZ писал(а):Вместо ссылки можно поставить просто надпись или стрелку вверх. Можно соорудить навигационное меню. Всё на ваше усмотрение и фантазию.
Фиксированная чёрная полоса внизу экрана, при прокрутке становится полупрозрачной. При наведении мышки на полосу - становится активной.
Между тегами <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
Хочу вставить скрипт Переводчика от гугла.CabinetAdmin писал(а):Смотря какой.
Код: Выделить всё
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'ru', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Код: Выделить всё
<meta name="google translate-настройки" content="99ac4de820a34d4e-e9999dc4ee289023-g4814ecb503448261-a"></meta>
Ну это я установил правильно.А вот с Скриптом не получилось.Должно быть что то типа так ?CabinetAdmin писал(а):Мета-тег должен быть между <head> ... </head>, после тега TITLE.
Код: Выделить всё
<div class="ac_footer">
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'ru', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
Я бы сделал так. Это:
Я бы поставил перед
Я бы установил в блок:
Плюс в css (
Код: Выделить всё
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'ru', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element');
}
</script>
</head>
. Хотя тут надо знать, как оно правильно ставится, по инструкции. А вот:
Код: Выделить всё
<div id="google_translate_element"></div>
Код: Выделить всё
<div class="ac_footer" ">
<div id="google_translate_element"></div>
<a href="/">Спутниковый рай.Форум любителей спутникового телевидения.</a>
</div>
#google_translate_element
), если он есть, добавил бы float: left;
.Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Под цвет стиля сделал, симпатично получилось:)
Можно ещё вот такую штуку добавить к
Что придаст полосе небольшую тень. Тоже должно выглядеть ничего.
Можно ещё вот такую штуку добавить к
.ac_footer {
:
Код: Выделить всё
-webkit-box-shadow: 0 -3px 10px #333;
-moz-box-shadow: 0 -3px 10px #333;
box-shadow: 0 -3px 10px #333;
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
- deshenez
- Сообщения: 1
- Зарегистрирован: 24 сен 2012, 20:28
- Пол: Муж
Странное что-то такое...
-------------
[спам какой-то]
-------------
[спам какой-то]
А можно бегущую строку с сылками - последние темы ? И если да то как. Одну бегущую строку вставил без проблем, а вот как туда вставить список последних тем - не шарю.xaocZ писал(а):Вместо ссылки можно поставить просто надпись или стрелку вверх. Можно соорудить навигационное меню. Всё на ваше усмотрение и фантазию.
Можно. Поставь:
Это вырезка из модификации вывода последних тем (NV Recent topics for phpBB3). Не проверял, но работать должно.
Можно установить Recent topics for phpBB3 (Темы на стр. сайта) и использовать скрипт для вывода тем на все страницы форума.
Код: Выделить всё
<!-- BEGIN recenttopicrow -->
<a href="{recenttopicrow.U_VIEW_TOPIC}" title="{recenttopicrow.TOPIC_TITLE}">{recenttopicrow.TOPIC_TITLE}</a> •
<!-- END recenttopicrow -->
Можно установить Recent topics for phpBB3 (Темы на стр. сайта) и использовать скрипт для вывода тем на все страницы форума.
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Установил так -
На сайте http://shishatskaya.luckbb.ru/ работает, а на http://satray.ru/ нет. У вас видать версия мода другая.
Код: Выделить всё
<div class="ac_footer">
<marquee behavior="alternate" direction="left" bgcolor="#ffcc00">
<!-- BEGIN recenttopicrow -->
<a href="{recenttopicrow.U_VIEW_TOPIC}" title="{recenttopicrow.TOPIC_TITLE}">{recenttopicrow.TOPIC_TITLE}</a> •
<!-- END recenttopicrow -->
</marquee>
</div>
Последний раз редактировалось romaamor 08 апр 2013, 05:46, всего редактировалось 1 раз.