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

Первое сообщение в теме :

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

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

Спойлер:

Перетаскивайте аккуратно, чтобы скобки не пропадали.

Dana Domirani пишет:

Ilya_Ilya, проверьте в ПА > Оформление > Управление картинками > Продвинутый режим - Кнопки - online.

Стоит все на месте.

Это не те иконки, они для виджета "Друзья" в развернутом профиле.
Кнопки оффлайн по умолчанию вообще не существует. А иконка онлайн для профиля в сообщениях находится тут:

Dana,всё равно так же пишет.

Ilya_Ilya пишет:

Стоит все на месте.

Кнопка онлайн находиться не в мини иконки а в кнопки.

Ужас, про это я и забыл спасибо Дана.

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

Ilya_Ilya, пожалуйста ;)


Bugs, можно добавить в CSS отключение "обрамления" конкретно для рамок:

Код:

.prfav img {
background: transparent;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
margin:0;
padding:0;
}

Но я бы на Вашем месте отключила это "обрамление" и для аватаров. Все равно из-за рамок онлайн/оффлайна его будет не видно.

Только что сделал на тестовом

http://domovoy-test.privetbb.ru/t4-topic#9

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

Код:

{postrow.displayed.ONLINE_IMG}

в этом же шаблоне фрагмент

Код:

{postrow.displayed.POSTER_AVATAR}

заменил на

Код:

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

Сохранил и опубликовал.
В ПА - Оформление - Картинки и цвета - Управление картинками - Продвинутый режим - Кнопки
Пункт Online :
поставил ссылку на иконку-рамку онлайн

Код:

http://www.snapsnap.ru/i/avataronlin160160.png

Сохранил.
В CSS поставил код

Код:

.ava img {
width: 135px;
height: 135px;
margin: -150px 13px 19px;
}

.prfav {
display:block;
position: relative;
width: 160px;
height: 160px;
background: transparent url("http://www.snapsnap.ru/i/avatarofflin160160.png") no-repeat;
}

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

я зделал так как здесь написано но у меня не появилось под авои картинки онлаин и офлаин

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
Первое число должно быть приблизительным отрицательным значением высоты рамки. Его нужно подбирать индивидуально.

а где онлайн рамку ставить? у меня на форуме я онлайн, а рамка оффлайн

https://help.forum2x2.ru/t12705p180-topic#172622
Все, что относится к отображению состояния онлайн (рамка, иконка и пр.) ставится обычным способом, через ПА.

Я выбрала для своего тестового форума (чтобы на своем основном не начудить) стиль Blue Theme - движок : Phpbb 2.
Очень понравилась идея вставки иконки онлайн вниз аватарки (без рамки, только иконка).
Выполнила, на мой взгляд, все в точности, буквально построчно и побуквенно, как сказано в теме: "Иконки онлайна и оффлайна под аватаром" https://help.forum2x2.ru/t14890-topic, опубликованной Администратором Dana Domirani и была в полной уверенности, что встанет туда куда нужно.
Но иконка, хотя и загрузилась вроде бы корректно, но встала внизу окна сообщения (моего форума http://zhivotinka.forum2x2.ru/). А кнопку оффлайн я вообще не видела, хотя и прописала ее, вроде бы корректно. А возможно я ее и не могу видеть, даже если выйду с форума. Если точно следовать инструкции, там вроде бы и ошибиться то негде.

Видимо все-таки где-то я допустила промах, но где, не пойму.

Подскажите, как исправить положение.
Очень хочется разместить ее именно под аватаркой.
Под аватаркой иконка онлайн смотрится очень красиво и профессионально!

Вопрос исчерпан!
Классно получается!
Оказывается я просто не поняла, что значит публиковать шаблон, думала это значит обновить страницу форума.
А надо было нажать на зеленый крестик.
Как только я это действие произвела, иконка онлайн стала на аватарку снизу, прямо посередине и даже никаких подгонок не потребовалось. И иконка оффлайн на своем месте стоит!
Спасибо Dana за науку!

Всегда пожалуйста!

Dana, спасибо, что ответили!
Зато у меня затык произошел с движком ВВ3.
Опять все сделала по вашей инструкции и уже была уверена, что как и на движке ВВ2 иконка встанет на место.
Но... облом... иконки на аватарке нет.
Сейчас форум по ссылке смотреть бесполезно, потому что я уже заэкспериментировалась с ним... до того, что меняла стили... и завтра попытаюсь снова на 3 движке проделать все заново...
Но я уверена, что следовала точно инструкции. Но ничего не получилось.
А почему - не понимаю. Как и в первом варианте, просто негде было ошибиться. И дело даже не в том, что иконка встала не туда. Ее просто вообще не было. Не понимаю почему она не отразилась, после стольких трудов!
А я была очень внимательна!
Не понимаю в чем дело. Почему иконка не встала на место!
Работала по этой теме, в части где давались вами коды для прописки по 3 движку https://help.forum2x2.ru/t14890-topic.
Я расстроена... и даже сильно!
Обычно я добиваюсь своего!

Какой именно иконки не было — оn или off ?

Да ии какой не было.
Даже онлайн не появилась, пусть хоть бы на на своем месте.
Зато появились на главное странице и календарь и еще куча всего.
Я ведь только осваиваю все что можно ставить на форум.
Теперь хоть знаю как виджеты размещают на главной странице форума.
А вот почему в вашей инструкции для установки иконок онлайн и оффлайн на аватарку так много информации, касающейся оформления виджетов?
Я не поняла какое имеют отношение ИКОНКИ ОНЛАЙН к виждетам на главной странице форума? Они ведь не там должны отражаться, а в сообщениях по темам?
А то я ведь завтра опять буду этим заниматься, а причины неудачи совсем не понимаю. Ведь делала все пошагово по вашей инструкции.
А иконки не то, что не на свое место встали, а вообще не отразились, как будто я их и не прописывала.
А я ведь и в содержание виждета вписала код иконки онлайн и CSS добавила код на иконку оффлайн.
Просто голова кругом идет.
Вот на этом форуме http://zoowords.forum2x2.ru/ - ВВ2 - все отлично встало. Просто глаз радует.

А ВВ3 ничего не получилось.
Знаю, что в этом вопросе только вы, Dana, можете мне помочь, поэтому только на ваше помочь и уповаю.

В любом случае благодарю вас за внимание к моим многочисленным вопросам.

Если не было никакой — значит, точно все было не так.

Манипуляции с виджетами были расписаны на тот момент, когда не было возможности подключать скрипты через ПА > Модули > Управление кодами JS
Сейчас достаточно создать там новый файл с содержимым:
Навание: on/off
Расположение: на всех страницах
Код:

Код:

jQuery(document).ready(function(){
jQuery(".postprofile dl dt img").wrap('<div class="user2"></div>');
jQuery(".user2").append(jQuery('<div></div>'));
jQuery(".online .user2 div").prepend(jQuery('<img src="http://i27.servimg.com/u/f27/14/67/67/89/kg13-513.png" alt="Я тут!" Title="Я тут!" class="rec" />'));
});

Сохраните.
Проверьте, чтобы стояло Активировать управление кодами Javascript: Да

В CSS все добавляется без изменений

Код:

.user2 {
text-align: center;
}
.user2 div{
position:relative;
top: -7px;
height:13px;
width:87px;
background: transparent url("http://i27.servimg.com/u/f27/14/67/67/89/kg13-515.png") no-repeat bottom center;
margin: 0 auto;
}
.rec {
position:relative;
}
.online {
background-image:none;
}

Спасибо Dana!
Да... сейчас уже поздновато, а днем еще раз попробую проделать эту процедуру. Может и получится.

Еще раз спасибо!

Не дотерпела до дня.
Попробовала сейчас поставить иконку под аватарку по вашим новым инструкциям.
Ура! Победа! Иконка встала сразу.
Но вот беда... чуть сместилась влево.


Мне бы и так сошло, да вот муж заклюет!
Помню вы кому-то уже давали пояснения насчет сдвига иконки вбок, какой-то отступ нужно сделать, но не помню точно куда нужно внести поправку, чтобы она встала ровно посередине?

Все Dana, со всем сама справилась!
Проблемы с иконками на аватарках разрешилась.
Встала ровно посередине!

Благодарю за помощь!