[FAQ] Добавляем иконку в мини-профиль

[Snatch]

Очень интересный мануал - спасибо

У меня в связи с ним (мануалом) есть вопрос:

в БД при регистрации я задал два дополнительных поля со списком выбора. И сейчас я хочу в зависимости от выбранного пункта в этом списке добавить две иконки рядом с иконкой звания. Подскажите как это можно реализовать?

Заранее благодарен за ответ.

[GSC]

Rayden
Этот мануал сгодиться что бы добавить Кнопку типа "Новая тема" или "Ответить" ?

[Rayden]

В общем и целом - да.
Но естественно, во viewtopic_body.html будет совершенно другой код.

[GSC]

Всё сделал как в мануале, только поменял картинку на свою, далее в viewtopic.html этот блок

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

<li class="info-profile-icon"><a href="{postrow.U_POST_AUTHOR}" title="{L_READ_PROFILE}"><span>{L_READ_PROFILE}</span></a></li>

Поставил после блока с кнопкой "Новая тема", почему то криво отображается.

1.png

Однако, когда блок на своём месте, то всё исправно и красиво отображается.
Rayden
Направь на верный путь пожалуйста.

[Палыч]

далее в viewtopic.html этот блок

Поставил после блока с кнопкой "Новая тема"

А где вы вы viewtopic_body.html нашли блок "Новая тема"?

[GSC]

Палыч
Извиняюсь, "Ответить". Но это ведь дело не меняет?

[Палыч]

GSC
Меняет. Это говорит о том, что моск вы не включали.

Использование тега li без ul (или ol) недопустимо. Прочтите http://www.htmlbook.ru/html/li.html
Там простого div достаточно. Только свойство float посмотрите (там же)

Использование определённого в prosilver класса info-profile-icon для кнопки такого размера - бессмысленно.
Используйте класс buttons

[Nab]

Возникла такая проблема -

При просмотре тем незарегистрированным пользователем не отображалась иконка Профиль у тех пользователей, кто не заполнил в личном разделе ни одно из следующий полей - ICQ, AIM, MSN Мessenger, Yahoo Messenger, Jabber или Сайт. При этом у пользователей, кто заполнил в профиле какое либо поле, например - Сайт, иконка отображалась вместе к иконкой Сайт. Надеюсь, понятно объяснил.

Решение проблемы следующее:

1. Открыть - viewtopic_body.html

2. Найти -

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

<!-- IF postrow.U_PM or postrow.U_EMAIL or postrow.U_WWW or postrow.U_MSN or postrow.U_ICQ or postrow.U_YIM or postrow.U_AIM or postrow.U_JABBER -->
			<dd>
				<ul class="profile-icons">

3. Заменить на -

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

<!-- IF postrow.U_POST_AUTHOR or postrow.U_PM or postrow.U_EMAIL or postrow.U_WWW or postrow.U_MSN or postrow.U_ICQ or postrow.U_YIM or postrow.U_AIM or postrow.U_JABBER -->
			<dd>
				<ul class="profile-icons">

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

[Nekstati]

Если нужно добавить «большую» кнопку типа «Ответить» или «Новая тема», изменения в css и шаблоне должны выглядеть немного по-другому.

Например, картинка у нас называется button_discuss.gif, лежит в папке styles/prosilver/imageset/ru/ и мы хотим добавить новую кнопку рядом с кнопкой «Ответить».

button_discuss.gif

Добавить в styles/prosilver/imageset/ru/imageset.cfg

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

img_button_discuss = button_discuss.gif*25*154

Найти в includes/acp/acp_styles.php

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

'button_topic_new', 'button_topic_reply', 'button_upload_image',

Добавить после

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

 'button_discuss',

Найти в styles/prosilver/theme/colours.css

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

.forwardpm-icon span	{ background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}

Добавить после

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

.discuss-icon span	{ background-image: url("{IMG_BUTTON_DISCUSS_SRC}"); }

Найти в styles/prosilver/theme/buttons.css

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

.buttons div.forwardpm-icon	{ width: {IMG_BUTTON_PM_FORWARD_WIDTH}px; height: {IMG_BUTTON_PM_FORWARD_HEIGHT}px; }

Добавить после

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

.buttons div.discuss-icon	{ width: {IMG_BUTTON_DISCUSS_WIDTH}px; height: {IMG_BUTTON_DISCUSS_HEIGHT}px; }

Найти дважды в styles/prosilver/template/viewtopic_body.html

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

<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"><a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>

Добавить после

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

<div class="discuss-icon"><a href="{U_POST_REPLY_TOPIC}" title="{L_POST_REPLY}"><span></span>{L_POST_REPLY}</a></div>

Этот <div> можно заключить в какое-нибудь условие, если это необходимо по смыслу, например <!-- IF not S_IS_LOCKED -->.

Естественно, ссылку {U_POST_REPLY_TOPIC} и языковую переменную {L_POST_REPLY} надо заменить на свои.

Итог:

buttons.png

[GSC]

Nekstati
Делаю всё как вы написали, кешы обновил картинку загрузил. На нужной мне странице пишу следующее:

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

<div class="discuss-icon"><a href="{POST_URI}" title="{L_VIEW_DISCISSINCS}">{L_VIEW_DISCISSINCS}</a></div>

Не работает, всмысле ссылка есть появляется а картинки нету.В чём дело?

[Nekstati]

<span></span> нельзя опускать. Картинка именно внутри этого тэга.

[GSC]

Nekstati
А куда мне его воткнуть? Подскажите пожалуйста.

[Rayden]

Прочитай пожалуйста инструкцию, там все написано.

[GSC]

Узнал.
Вот так:

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

<div class="discuss-icon"><a href="{POST_URI}" title="{L_VIEW_DISCISSINCS}"><span></span>{L_VIEW_DISCISSINCS}</a></div>

Однако это, дело не меняет, как не было картинки, так и нет.

1.png

В чём может быть дело?
P.s
Rayden
Как на главной странице увидел ваш ник, т.е вы оставили сообщение в этой теме.Думаю пиши пропало...отправят меня на йух :-D

[MIT]

отправят меня на йух

После такого:

<span></span>{L_VIEW_DISCISSINCS}

точно отправят.