Полезная информация


----

Начать новую тему Ответить на тему
АвторСообщение

 Сообщение Кнопка "Вернуться к началу" на новый лад 
#1 

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

Не знаю что на меня нашло, но родилась такая затея. Делаем из кнопки "back to top" кнопочки показа статусов юзера "он-лайн" и "офф-лайн" с сохранением функции возврата к началу.
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку


Для начала (в просильвере) нужно добавить новый класс.
Открыть /slyles/ваш стиль/theme/colours.css
Найти:
.online {
    background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
    background-repeat: no-repeat;
    margin-top: 4px;
}
 
 

Заменить на:
.online {
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.png");
   background-repeat: no-repeat;
   margin-top: 4px;
}

.offline {
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_offline.png");
   background-repeat: no-repeat;
   margin-top: 4px;
}
 


Открыть /slyles/ваш стиль/imageset/ru/imageset.cfg
Найти:
img_icon_user_online = icon_user_online.png*16*16
 

После добавить:
img_icon_user_offline = icon_user_offline.png*16*16
 


Открыть /slyles/ваш стиль/template/viewtopic_body.html
Найти:
<!-- BEGIN postrow -->
    <!-- IF postrow.S_FIRST_UNREAD --><a id="unread"></a><!-- ENDIF -->
    <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF --><!-- IF postrow.S_DELETED --> deleted_post<!-- ENDIF -->"> 
 

В этом куске найти и вырезать
<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF --> 
 



Найти:
<div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div> 
 

Заменить на:
<div class="back2top"><!-- IF postrow.S_ONLINE--><a href="#wrap"><img src="./styles/ВАШ СТИЛЬ/imageset/ru/icon_user_online.png" alt="В сети" title="В сети"></a><!-- ELSE --><a href="#wrap"><img src="./styles/ВАШ СТИЛЬ/imageset/ru/icon_user_offline.png" alt="Не в сети" title="Не в сети"></a><!-- ENDIF --></div> 
 


Иконки добавить в /slyles/ваш стиль/imageset/ru/
Вложение :
on_off.rar [6.87 KiB]
Скачиваний: 1

Вложение :
Кнопка "Вернуться к началу" на новый лад
Кнопка "Вернуться к началу" на новый лад - icon_user_online [ 3.5 KiB | Просмотров: 501 ]
Вложение :
Кнопка "Вернуться к началу" на новый лад
Кнопка "Вернуться к началу" на новый лад - icon_user_offline [ 3.18 KiB | Просмотров: 501 ]

Иконки внути размером 32х32px. Кому нужно, уменьшайте до 16х16 или как хочется, но не забывайте изменть размеры в файле imageset.cfg


_________________
Подпись:
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp

Теги темы
back2top, online, offline, онлайн, оффлайн, кнопка наверх

Информация о редактировании
Последний раз редактировалось Lorem Ipsum 25 май 2013, 18:30, всего редактировалось 5 раз(а).
          Вернуться наверх  
 

#2 

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

Спасибо, интересно, переехали, есть вопрос один маленький - а на такое валидатор не будет ругаться ??
<div class="back2top"><a href="#wrap"<!-- IF postrow.ONLINE_IMG -->                <tr>                    <td>{postrow.ONLINE_IMG}</td>                </tr>            <!-- ENDIF --></a></div> 
 

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


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 

#3 

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

Хехе, это да, но я слепила из того, что было. Сырой вариант, короче.
Отсюда взяла этот код
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку


Пробовала по-другому, не получалось...


_________________
Подпись:
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
          Вернуться наверх  
 

#4 

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

Вылез первый баг: при удалении сообщения с помощью мода Prime Trash Bin, в следующем за ним сообщении кнопка Быстрой цитаты двоится. Как это можно исправить?
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку


_________________
Подпись:
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
          Вернуться наверх  
 

#5 

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

DeaDRoMeO писал(а):

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

Поправила.

Заодно и раздвоение кнопки исчезло.


_________________
Подпись:
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp

Информация о редактировании
Последний раз редактировалось Lorem Ipsum 25 май 2013, 01:15, всего редактировалось 2 раз(а).
          Вернуться наверх  
 

#6 

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

НУ вот и ладненько)) Хорошее дополнение)


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 
 
Начать новую тему Ответить на тему


Дополнительные возможности

Оставить свой комментарий

Поделиться темой с помощью

Ссылки на тему

Прямая ссылка:
BB-код для форумов, сайтов, блогов:
HTML ссылка:
 


cron

Самая неформальная поддержка phpBB :P