[RC1] Fade Header

Скрипты и расширения для phpBB 3.1.x
Собственные расширения, допиливание уже существующих.
Свои виды перевода, свои виды стиля расширений под свои нужды.
Аватара пользователя
Resistant

[RC1] Fade Header

Resistant 18 фев 2015, 13:03 Сообщение

Здравствуйте вот интересное расширение смены лого
[RC1] Fade Header

подскажите как можно сделать что бы картинки менялись не через 10 секунд а при переключении на одну из тем. вот как здесь

расширение очень интересное думаю полезное будит многим

Аватара пользователя
maco

[RC1] Fade Header

maco 18 фев 2015, 14:46 Сообщение

Ссылкой, куда вы указываете на сайт motobratva, это не Fade Header, там другое, что то типа этого.
Но это для версии 3.0.
Последний раз редактировалось maco 18 фев 2015, 16:12, всего редактировалось 1 раз.

Аватара пользователя
CabinetAdmin

[RC1] Fade Header

CabinetAdmin 18 фев 2015, 15:02 Сообщение

Скрипт fade.js:

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

var intID = setInterval(changeImg, 10000); // image changes every: in milliseconds /


Чем меньше число, тем чаще смена изображения.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Resistant

[RC1] Fade Header

Resistant 18 фев 2015, 16:05 Сообщение

CabinetAdmin писал(а):Источник цитаты Чем меньше число, тем чаще смена изображения.

так в этом расширении не получится сделать так что бы картинка менялась при переходе с темы в другую тему

Аватара пользователя
CabinetAdmin

[RC1] Fade Header

CabinetAdmin 18 фев 2015, 16:38 Сообщение

А ну да...

Скрипт осуществляющий это:

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

<script type="text/javascript"> document.getElementById("logo").href = "http://yousite.com/"; document.querySelector('div.headerbar').id = 'headerbar-custom'; var randomImage = Math.floor((Math.random() * 20) + 1); document.getElementById("headerbar-custom").style.backgroundImage = "url(/i/header_bg_" + randomImage + ".jpg)"; </script>

Изображения с названиями header_bg_1.jpg, header_bg_2.jpg и тд. до 20 находятся в папке http://yousite.com/i/. Можно указать другую папку, просто в скрипте поменять /i/ на свой путь.
Можно расширением реализовать, а проще просто в футер добавить и всё.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Resistant

[RC1] Fade Header

Resistant 18 фев 2015, 16:59 Сообщение

Спасибо за скрипт ,так его надо в overall_header.html,добавлять,и скажите куда именно его добавить?

Аватара пользователя
CabinetAdmin

[RC1] Fade Header

CabinetAdmin 18 фев 2015, 17:37 Сообщение

CabinetAdmin писал(а):Источник цитаты проще просто в футер добавить и всё.

Перед </body>
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Resistant

[RC1] Fade Header

Resistant 18 фев 2015, 18:11 Сообщение

Что то ничего у меня не вышло,создал я папку head_icons в папке images ,закинул туда все логотипы ,в overall_footer.html перед </body> закинул скрипт и сменил путь к папке ,логотипы не открываются

Развернуть overall_footer.html

Аватара пользователя
maco

[RC1] Fade Header

maco 18 фев 2015, 18:15 Сообщение

В скрипте http://yousite.com/" замените на свой.

Аватара пользователя
Resistant

[RC1] Fade Header

Resistant 18 фев 2015, 18:54 Сообщение

Все получилось,ну картинки запускаются через раз,может из за того что размер шапки на форуме не подходит,картинки 1150x 190 ,а на форуме надо менять размер, вот так выглядит и какой шаблон отвечает за размер шапки
Изображение

Аватара пользователя
CabinetAdmin

[RC1] Fade Header

CabinetAdmin 18 фев 2015, 19:47 Сообщение

Добавьте в common.css к .headerbar { - min-height: 190px;. Значение меняйте на своё.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Resistant

[RC1] Fade Header

Resistant 18 фев 2015, 22:37 Сообщение

Спасибо большое за помощь ну все равно как то работает не так ,включил форум пустое место,открываешь форум пусто,пару раз обновил страницу картинка появилась ,вышел с форума пусто ,та же сама процедура раза три обновляю появляется
Развернуть скрин

Аватара пользователя
CabinetAdmin

[RC1] Fade Header

CabinetAdmin 19 фев 2015, 15:28 Сообщение

Попробуйте добавить одно изображение через стили, в качестве шапки по умолчанию, к тому же классу - .headerbar {.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Resistant

[RC1] Fade Header

Resistant 19 фев 2015, 15:40 Сообщение

CabinetAdmin писал(а):Источник цитаты Попробуйте добавить одно изображение через стили, в качестве шапки по умолчанию, к тому же классу - .headerbar {.

так туда надо указать путь картинки,вот тут у меня так на данный момент
.headerbar {
min-height: 180px;
background: transparent none repeat-x 0 0;
margin-bottom: 4px;
padding: 5px;
border-radius: 7px;
}
я так понял надо сделать типа так
background: url("путь картинки") repeat-x;
да а картинку отдельно в папку или с теми изображениями с названиями header_bg_1.jpg итд

добавил так вот ну ничего не изменилось
.headerbar {
min-height: 180px;
background: url("http://test1.ru/images/head_icons/header_bg_")
background: transparent none repeat-x 0 0;
margin-bottom: 4px;
padding: 5px;
border-radius: 7px;
}

Аватара пользователя
CabinetAdmin

[RC1] Fade Header

CabinetAdmin 19 фев 2015, 16:04 Сообщение

Да по сути без разницы. Если в папку со стилем, то с такой ссылкой:

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

background: url("./images/header_bg.jpg") repeat-x;

А если в папку с остальными картинками, то:

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

background: url("/папка с картинками/header_bg.jpg") repeat-x;

главное, чтобы в этом случае точки впереди не было.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «Расширения для phpBB 3.1.x»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя