Икона Время как у Кабинет Админа

Новая версия - новые вопросы.
Попробуем разобраться со всеми возникшими вопросами вместе.
igorbond

Икона Время как у Кабинет Админа

igorbond 04 дек 2016, 22:58 Сообщение

Добрейший вечерочек :drink: А как бы сделать такую же кнопку с временем как тут и на всех страницах форума? А еще лучше чтобы время было в реальном времени так сказать.

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

Икона Время как у Кабинет Админа

CabinetAdmin 05 дек 2016, 16:55 Сообщение

Для реального времени нужен скрипт.

А здесь сделано следующим образом, в navbar_header вместо:

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

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH --> <li class="rightside responsive-search" style="display: none;"><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}" role="menuitem">{L_SEARCH}</a></li> <!-- ENDIF -->

поставлено:

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

<li class="rightside dropdown-container icon-only"> <a href="#" class="dropdown-trigger icon-time" title="{CURRENT_TIME}"><i class="fa fa-clock-o"></i></a> <div class="dropdown hidden"> <div class="pointer"><div class="pointer-inner"></div></div> <ul class="dropdown-contents"> <li>{CURRENT_TIME}</li> <li>{S_TIMEZONE}</li> </ul> </div> </li>


Можно не вместо, а перед или после.
Но, здесь в качестве иконки используется шрифт от Font Awesome. Но можно использовать любую другую иконку, удалив <i class="fa fa-clock-o"></i> и добавив в colours.css перед /* Profile & navigation icons */:

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

.icon-time { background-image: url("./images/icon_time.gif"); }


А куда нибудь в buttons.css:

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

.icon-time { display: block; width: 16px; height: 16px; text-indent: 99px; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; text-decoration: none; }


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

igorbond

Икона Время как у Кабинет Админа

igorbond 03 янв 2017, 14:40 Сообщение

CabinetAdmin писал(а):Источник цитаты А здесь сделано следующим образом, в navbar_header вместо:


Что-то не нашел в этом файле в стиле CA Vintage таких строк.

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

Икона Время как у Кабинет Админа

CabinetAdmin 03 янв 2017, 17:51 Сообщение

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

igorbond

Икона Время как у Кабинет Админа

igorbond 03 янв 2017, 22:17 Сообщение

Нашел, заменил, но эффекта нет. Может идет подхват от просилвера?

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

Икона Время как у Кабинет Админа

CabinetAdmin 04 янв 2017, 10:34 Сообщение

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

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

Икона Время как у Кабинет Админа

romaamor 05 янв 2017, 06:58 Сообщение

CabinetAdmin писал(а):Источник цитаты Кеш надо почистить.

Это у меня уже в крови. Столько уже расширений...... Каждый раз кеш чищу. :milo:

igorbond

Икона Время как у Кабинет Админа

igorbond 06 янв 2017, 21:25 Сообщение

CabinetAdmin писал(а):Источник цитаты Кеш надо почистить.


В админке чистил, сегодня еще раз попробую.

igorbond

Икона Время как у Кабинет Админа

igorbond 07 янв 2017, 15:39 Сообщение

Ничего не помогло и удалял кеш даже физически. Может какая то особенность стиля не дает?

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

Икона Время как у Кабинет Админа

CabinetAdmin 07 янв 2017, 18:15 Сообщение

А сейчас добавлена? Сейчас в этом месте нет ни этого кода, ни родного поиска, и в стилях тоже ничего нет...

igorbond писал(а):Источник цитаты Может какая то особенность стиля не дает?

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

igorbond

Икона Время как у Кабинет Админа

igorbond 07 янв 2017, 18:17 Сообщение

Вот ту пока тестирую https://clck.ru/ASqgY

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

Икона Время как у Кабинет Админа

CabinetAdmin 07 янв 2017, 18:22 Сообщение

Ну, код есть, а иконки нет потому что стилей нет, в пояснении я уточнил:
CabinetAdmin писал(а):Источник цитаты здесь в качестве иконки используется шрифт от Font Awesome. Но можно использовать любую другую иконку, удалив <i class="fa fa-clock-o"></i> и добавив в colours.css перед /* Profile & navigation icons */:
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

igorbond

Икона Время как у Кабинет Админа

igorbond 07 янв 2017, 18:40 Сообщение

Пропустил этот момент, тогда что именно добавить, чтобы было как тут?

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

Икона Время как у Кабинет Админа

CabinetAdmin 07 янв 2017, 18:45 Сообщение

Чтобы было как тут надо добавлять шрифты от Font Awesome. Ради одной иконки добавлять полметра веса в стиль... :nea: Лучше какую нибудь иконку подобрать. Можно пока перебиться простой иконкой, а с выходом 3.2 версии уже использовать этот вариант, там все иконки сделаны на этих шрифтах.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

igorbond

Икона Время как у Кабинет Админа

igorbond 07 янв 2017, 18:53 Сообщение

Вроде все сделал, эффекта нет. https://clck.ru/ASqgY



Похожие темы

Вернуться в «Поддержка phpBB 3.1.x»

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

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