Рамка или иконка OnLine OffLine [обсуждение скрипта]

[Домовой]

Туториал находится тут: https://help.forum2x2.ru/t14890-topic

Реально ли сделать так на движке phpBB2?

Спойлер:

[Домовой]

Ну судя по молчанию наверно нет такой возможности.
Жаль, интересная фишечка

[КО_отЭ]

Домовой, это, я так понимаю, BB3? А как так сделать?

[Домовой]

Домовой, это, я так понимаю, BB3? А как так сделать?

Да, это phpBB3
Здесь нет доступа к шаблонам, вот поэтому я и спрашиваю спецов, можно ли как нибудь реализовать это на phpBB2

[Ринкате]

Может это спец. модуль самого хостинга ...

[КО_отЭ]

Здесь нет доступа к шаблонам, вот поэтому я и спрашиваю спецов, можно ли как нибудь реализовать это

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

[Dana Domirani]

Домовой, просмотрела эту тему, извините.
В принципе, возможно. Попробую сделать.

[Домовой]

Домовой, просмотрела эту тему, извините.
В принципе, возможно. Попробую сделать.

Да я вас на руках носить буду

[Dana Domirani]

Вот такой получился вариант:

Принцип заключается в двух сходных png-рамках - постоянной "off" и "on", которая накладывается поверх первой, когда пользователь выходит онлайн. Аватары будут автоматически масштабироваться под выбранный администратором размер (134 на 134 в примере).

1. Создаются рамки (не обязательно квадратные, можно и прямоугольные, и даже круглые - для последних придется только обработать уголки под цвет фона)

Обязательное условие: рамка On должна аккуратно прикрывать собой рамку OFF и быть с ней одинакового размера. Размер рамок - размер аватара + 12-16 px с каждой стороны.

(продолжение следует)

[Домовой]

Вот такой получился вариант:

С виду отлично, осталось потестить.
Не получится размножения в хроме в постах с картинками как с иконкой лентой на авике?
Помните такую проблему?
Здесь

[Dana Domirani]

Так, переработала код под Хром.

Первый пункт остается без изменений.
1. Создайте рамки (не обязательно квадратные, можно и прямоугольные, и даже круглые - для последних придется только обработать уголки под цвет фона)

Обязательное условие: рамка On должна аккуратно прикрывать собой рамку OFF и быть с ней одинакового размера. Размер рамок - размер аватара + 10-16 px с каждой стороны (зависит от толщины рамки). В примере - 150х150px.
Если будете делать тень от рамки, ее достаточно сделать на кнопке Off.

2. Кнопка On заливается через ПА > Оформление > Управление картинками

3. Отредактируйте шаблон viewtopic_body (Показ темы) - вариант и для BB2, и для Pun
Найдите строку (кнопку On):

Код:

{postrow.displayed.ONLINE_IMG}

и вырежьте ее.

Найдите фрагмент профиля:

Код:

{postrow.displayed.POSTER_AVATAR}

и замените на

Код:

<div class="prfav">{postrow.displayed.ONLINE_IMG}</div><span class="ava">{postrow.displayed.POSTER_AVATAR}</span>



Сохраните и опубликуйте шаблон.

4. В CSS добавьте свойства для встроенных стилей:

Код:

.ava img {
width: 134px;
height: 134px;
margin: -143px 5px 12px;
}

.prfav {
display:block;
position: relative;
width: 150px;
height: 150px;
background: transparent url("http://i27.servimg.com/u/f27/14/67/67/89/00310.png") no-repeat;
}

.prfav img {
display:block;
position: relative;
}


Сохраните CSS.

В строку

Код:

background: transparent url("http://i27.servimg.com/u/f27/14/67/67/89/00310.png") no-repeat;

подставьте адрес Вашей рамки Off.

Обратите внимание на свойство отступа margin: -143px 5px 12px
Первое число должно быть приблизительным отрицательным значением высоты рамки. Его нужно подбирать индивидуально.

[Sayra-hafize]

Скажите пожалуйста! А можно не рамки делать а просто типа полосочки и все?

[Dana Domirani]

Наподобие этой , только в On и Off соответственно?

[Азулянт]

так на ВВ3 это возможно или как?

[Sayra-hafize]

Да,только вниз картинки без боковых и верха рамки

[Dana Domirani]

так на ВВ3 это возможно или как?

У BB3 нет редактируемых шаблонов, для него придется искать решение через скрипт.

[Азулянт]

уууууууу,как это сложно.ладно,обойдусь.))

[Dana Domirani]

уууууууу,как это сложно.ладно,обойдусь.))

Не буду забегать вперед, но, скорее всего, смогу прикрутить это к BB3 )))

Да,только вниз картинки без боковых и верха рамки

В верхний левый угол устанавливается по умолчанию, сейчас посмотрю, как выровнять по низу.

[Азулянт]

а как я об этом узнаю,если получится?))

[Dana Domirani]

Так я выложу инструкцию сюда ))

[Азулянт]

ок,Дана жду с нетерпением))

[Dana Domirani]

Только вниз картинки без боковых и верха рамки

Sayra-hafize, будет так - вариант и для BB2, и для Pun:

1) Сделайте кнопки, On должна аккуратно прикрывать собой OFF и быть с ней одинакового размера. Для примера:

-

Кнопку On загрузите через ПА.

2) В шаблоне viewtopic_body (Показ темы)
удалите строку

Код:

{postrow.displayed.ONLINE_IMG}

а вместо

Код:

{postrow.displayed.POSTER_AVATAR}



подставьте

Код:

<div class="ava">{postrow.displayed.POSTER_AVATAR}</div><span class="prfav">{postrow.displayed.ONLINE_IMG}</span>


Сохраните и опубликуйте измененный шаблон.

3) В CSS пропишите:

Код:

.ava {
text-align: center;
}
.prfav {
display:block;
position: relative;
width: 87px;
height: 13px;
background: transparent url("http://i27.servimg.com/u/f27/14/67/67/89/kg13-515.png") no-repeat;
margin: -7px auto 0;
}
.prfav img {
display:block;
position: relative;
}

Сохраните.

В свойства:
width: 87px - подставьте ширину Вашей кнопки
height: 13px - подставьте высоту Вашей кнопки

В строке background: transparent url("https://i.servimg.com/u/f27/14/67/67/89/kg13-515.png") подставить ссылку на Вашу кнопку Off.

В строке margin: -7px auto 0 вместо -7 указать подходящее отрицательное число (~ половина высоты кнопки)

Результат может выглядеть так:

[Boss]

здравствуйте еще раз.вот нашел темку похожую на эту и подумал что б не засорять форум такими темками решил обратится в эту темку =)

https://help.forum2x2.ru/forum-f17/tema-t12222.htm?highlight=%ee%ed%eb%e0%e9%ed

Dana Domirani,мы писали про 2 бобик.а у вас есть код для бобика 3 с картинкой

[Dana Domirani]

Там тот же принцип - через шаблон иконка переносится со своего места непосредственно на аватар.

У BB3 нет редактируемых шаблонов, для него придется искать решение через скрипт.

[Christian]

Даночка, спасибочки что открыла вновь темку. Вот привела меня нечистая найти эту тему и устроить кавардак у себя на форуме)))
Короче я все сделал так как написано у тебя вот тут

Sayra-hafize, будет так - вариант и для BB2, и для Pun:

1. У меня наложились картинки оф и он одна на другую
Но спасибо недавней теме про это мне удалось это дело убрать

2. У меня у всех пользователей конкретно уменьшились аваторки и стоит скобка

показываю скрин



все авки съехали в право (может из за скобки)

над головами, у одной авки звезды у второй фрукты. Все они были ровненько над авками и сами авки были большего размера . Даночка помоги плиз , так нравятся рамочки что не хочется удалять