Мод Информация о пользователе в рамке

makis` · 10.01.2011, 21:40 **Вверх**

Информация о пользователя в рамке.

Напишу, может кто не знает как или что то не получается, вот

Открываем шаблон postbit.css

В самый конец добавляем:

Код:

.pib {
        border-left: 1px solid #FFFFFF;
        border-top: 1px solid #FFFFFF;
        padding: 3px 3px 3px 3px; 
}
.pibu { 
        border: 1px solid #C9C9C9;
        background-color: #EDEDED;
        margin-top: 2px; 
}

Сохраняем!

Открываем шаблон postbit_legacy
И поля которые вам нужно обволакиваем
[HTML]<div class="pibu"><div class="pib"> поле </div></div>[/HTML]

Как на изображении, ниже, так:

Найти:

Код:

<vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></vb:if>
					<vb:if condition="$show['reputation']"><span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span></vb:if>
					<vb:if condition="$post['field2']"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></vb:if>
					<vb:if condition="$post['age']"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></vb:if>
					<dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd>

Меняем на:

Код:

<vb:if condition="$post['joindate']"><div class="pibu"><div class="pib"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></div></div></vb:if>
					<vb:if condition="$show['reputation']"><div class="pibu"><div class="pib"><span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span></div></div></vb:if>
					<vb:if condition="$post['field2']"><div class="pibu"><div class="pib"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></div></div></vb:if>
					<vb:if condition="$post['age']"><div class="pibu"><div class="pib"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></div></div></vb:if>
					<div class="pibu"><div class="pib"><dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd>	</div></div>

Изображение, пример:

Чтобы убрать большие пробелы, нужно убрать все <dd> </dt> и поставить двоеточия. Пример:

Код:

<vb:if condition="$post['joindate']"><div class="pibu"><div class="pib">{vb:rawphrase join_date}: {vb:raw post.joindate}</div></div></vb:if>

Помог, жми спасибо!

Reebok · 10.01.2011, 22:32 **Вверх**

А можно так же туда включить записи в блоге и систему благодарностей ???

no name · 01.02.2011, 15:51 **Вверх**

Оффтоп

disait · 23.08.2011, 17:48 **Вверх**

управление стилями>все опции стиля>дополнительные определения CSS>в самом низу добавляешь эти же стили

Код:

.pib {
        border-left: 1px solid #FFFFFF;
        border-top: 1px solid #FFFFFF;
        padding: 3px 3px 3px 3px; 
}
.pibu { 
        border: 1px solid #C9C9C9;
        background-color: #EDEDED;
        margin-top: 2px; 
}

поиск по шаблонам>postbit_legacy, там ищешь то что надо выделить и заключаешь в эти дивы

Пример:

Код:

<if condition="$post['field5']"><div>$vbphrase[field5_title]Автомобиль: $post[field5]</div></if>

меняем на:

Код:

<if condition="$post['field5']"><div><div class="pibu"><div class="pib">$vbphrase[field5_title]Автомобиль: $post[field5]</div></div></div></if>

Decade · 19.05.2013, 11:18 **Вверх**

Может кто нибудь скрин результата дать?

Serberg · 19.05.2013, 11:27 **Вверх**

Сообщение от Decade

Может кто нибудь скрин результата дать?

Да.
Дал )

Vasich · 20.05.2013, 17:20 **Вверх**

Пытаюсь обрамить "Текущая активность"

Код:

<!-- PRINCEEDWARD USER CURRENT ACTIVITY START -->
<vb:if condition="$post['currentactivity']">
 {vb:raw post.currentactivity}
</vb:if>
<!-- / PRINCEEDWARD USER CURRENT ACTIVITY END -->

и ничего не выходит, рвет пост или еще где то. Подскажите как исправить?
P.S. Остальная информация обрамилась как нужно.

Decade · 20.05.2013, 17:31 **Вверх**

Сообщение от Vasich

Пытаюсь обрамить "Текущая активность"

Код:

<!-- PRINCEEDWARD USER CURRENT ACTIVITY START -->
<vb:if condition="$post['currentactivity']">
 {vb:raw post.currentactivity}
</vb:if>
<!-- / PRINCEEDWARD USER CURRENT ACTIVITY END -->

и ничего не выходит, рвет пост или еще где то. Подскажите как исправить?
P.S. Остальная информация обрамилась как нужно.

В каком смысле "рвет" пост? Дайте хотя бы код постбита. Сидеть и гадать на кофейной гущи тоже не вариант

Vasich · 20.05.2013, 19:59 **Вверх**

Это и есть часть кода постбита, которую нужно заключить в рамку/
-----------
Спасибо, разобрался. Получилось вот так

Код:

<!-- PRINCEEDWARD USER CURRENT ACTIVITY START -->
<vb:if condition="$post['currentactivity']"><div class="pibu"><div class="pib">
 <dd>{vb:raw post.currentactivity}</dd></div></div>
</vb:if>
<!-- / PRINCEEDWARD USER CURRENT ACTIVITY END -->

Serberg · 21.05.2013, 10:57 **Вверх**

Vasich, ссылку на дэмку дать можешь ? Скрин нормальный сделать.

Decade · 21.05.2013, 13:09 **Вверх**

Сообщение от Serberg

Vasich, ссылку на дэмку дать можешь ? Скрин нормальный сделать.

Оффтоп

Serberg · 21.05.2013, 13:15 **Вверх**

Сообщение от Decade

Дак он разобрался вроде уже

Скрин для данной темы

ikopylov · 22.05.2013, 03:24 **Вверх**

Сообщение от Vasich

Спасибо, разобрался. Получилось вот так

Код:

<div class="pibu"><div class="pib">
    <dd>{vb:raw post.currentactivity}</dd>
</div></div>

Это ошибочное решение и Вы не правильно сделали.

Тег <dd> модет находиться только внутри <dl>, но никак не внутри <div>
пример ка должно быть:

Код:

<dl>
   <dt>...1a...</dt><dd>.1b.</dd>
   <dt>...2a...</dt><dd>.2b.</dd>
</dl>

Браузеры пережевывают эту ошибку, и выводят правильно
но это в значительной мере замедляет работу сайта, тк подобного рода ошибки дадут на форумной теме до 500(!) ошибок, а их все надо "переварить"

Решение, достаточно сложное:
Необходимо избавиться от <dl></dl> - заменив их <div></div> ( с классом от вашего dl )
<dd></dd> меняем на <div class="pibu" style="float: left;">{vb:raw post.currentactivity}</div>
в конце добавляем <div style="float: none;clear: both;"></div>

Для кода из первого поста:

Код:

<div class="pibu">
	<div class="pib">
		<dt>{vb:rawphrase 'posts'}</dt>
		<dd>{vb:raw post.posts}</dd>
	</div>
</div>

делаем:

Код:

<div> <!-- с классом от вашего dl -->
	<div class="pibu" style="float: left;">{vb:rawphrase 'posts'}</div> <!-- выравнивание влево -->
	<div class="pib" style="float: right;">{vb:raw post.posts}</div> <!-- с выравниванием вправо -->
		<div style="float: none; clear: both;"></div> <!-- возможно придется добавить -->
</div>

Это я привел как структуру, не стоит менять один в один,
в любом случае вам придется править CSS

Vasich · 22.05.2013, 16:52 **Вверх**

У меня "Текущая активность" находится под "Дополнительной информацией"

PHP код:


			
<!--Начало скрытия информации под аватаром-->
               <span class="usertitle" style="background: none;"><a href="#" title="Нажмите тут, чтобы увидеть информацию" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><b><img src="images/info.gif"></b></a><div class="subblock" style="display: none">
                                  

<dl class="userinfo_extra">
     <vb:if condition="$post['field10']"><div class="pibu"><div class="pib"><dt>Ваш ID</dt> <dd>{vb:raw post.field10}</dd></div></div></vb:if>
</dl>
            </div>    </span> 
<!--/Конец скрытия информации-->
            </vb:if>

Действительно при нажатии на кнопку "Дополнительная информация" бордер отображался не корректно, в блок "Текущая активность"
добавил такой же класс и все стало работать нормально

PHP код:


			
<!-- PRINCEEDWARD USER CURRENT ACTIVITY START --> 
<dl class="userinfo_extra">
<vb:if condition="$post['currentactivity']"><div class="pibu"><div class="pib"><dd>{vb:raw post.currentactivity}</dd></div></div></vb:if>
</dl>
<!-- / PRINCEEDWARD USER CURRENT ACTIVITY END -->

Так правильно? Поскольку пробовал как Вы предложили и у меня ничего не получилось

ikopylov · 22.05.2013, 17:10 **Вверх**

Vasich, Ссылку дайте

ChiefMate · 22.05.2013, 21:16 **Вверх**

Пока спец в теме поинтересуюсь. Вот тема на супорте, где SMak044 (добрый человек) советовал в похожей теме. Кусок кода

Код:

<vb:if condition="$post['userid']">
                <hr />
                <dl class="userinfo_extra">
                    <vb:if condition="$post['joindate']"><div class="post_field"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></div></vb:if>
                    <vb:if condition="$post['field2']"><div class="post_field"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></div></vb:if>
                    <vb:if condition="$post['age']"><div class="post_field"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></div></vb:if>
                    <div class="post_field"><dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd></div>
                                {vb:raw template_hook.postbit_userinfo_right_after_posts}
                </dl>
                <vb:if condition="$show['infraction'] OR $show['reppower']">
                <dl class="user_rep">
                    <vb:if condition="$show['infraction']">
                    <div class="post_field"><dt>{vb:rawphrase infractions}</dt> 
                    <dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd></div>
                    </vb:if>
                    <vb:if condition="$show['reputation']">
                        <vb:if condition="$show['reppower']">
                    <div class="post_field"><dt>{vb:rawphrase reppower}</dt> 
                    <dd>{vb:raw post.reppower}</dd></div> 
                        </vb:if>
                    </vb:if>

Сталобыть не совсем верно? и все <dd></dd> <dt></dt> внутри <div class="post_field"></div> нужно менять? и вместо дивов вонзить <dl class="post_field"></dl> будет совсем глупо? Хотя браузеры хавают и то и другое одинаково быстро.

ikopylov · 22.05.2013, 21:35 **Вверх**

Описание:
Тег <dl> входит в тройку элементов <dl>, <dt>, <dd>, предназначенных для создания списка определений. Каждый такой список начинается с контейнера <dl>, куда входит тег <dt> создающий термин и тег <dd> задающий определение этого термина.

Синтаксис

Код:

<dl>
  <dt>Термин 1</dt>
   <dd>Определение термина 1</dd>
  <dt>Термин 2</dt>
   <dd>Определение термина 2</dd>
</dl>

Источник:
htmlbook.ru

Увольте меня от комментариев, кто что правильно или неправильно написал и почему. Я написал свое мнение и решение. Сделайте валидацию кода.

Ghost · 22.05.2013, 21:41 **Вверх**

А еще лучше заходим в источник w3. Или источник не прав,он ошибаеться,а кто то устанавливает свои правила и прав?
Блин и с такими знаниями мы входим в эпоху html5/

ChiefMate · 22.05.2013, 21:53 **Вверх**

ikopylov, Ghost, да ладно вам парни! Конечно я знаю эти учебники.
ikopylov, максимум тебе уважения и SMak044 тоже. Ответа не получил, оставлю все как есть.

ikopylov · 22.05.2013, 21:56 **Вверх**

Ghost, это зловещий источник...

ikopylov · 22.05.2013, 22:07 **Вверх**

ChiefMate, Для заключения элементов postbit_legasy в рамку
Есть минимум два варианта как это можно сделать.
1 - в трех дивах (1 общий и список склеенный состоящий из 2дивов) - простейшие правки CSS
2 - на списке DL;DD;DT, но в этом случае надо серьезно править CSS

Как визуальный пример смотрим тут
Сделал по 2му варианту

Vasich · 22.05.2013, 23:10 **Вверх**

Сообщение от ikopylov

Vasich, Ссылку дайте

Не совсем понял, на "Текущая активность" это здесь
Сам код "Текущая активность" сделал по подобию Вывод дополнительных полей в сообщениях и все заработало.

ChiefMate · 22.05.2013, 23:11 **Вверх**

ikopylov, спасибо. Только зачем так издалека? Сразу бы давал.

ikopylov · 23.05.2013, 00:03 **Вверх**

Сообщение от ChiefMate

ikopylov, спасибо. Только зачем так издалека? Сразу бы давал.

Если я эту ссылку привел бы еще, на таблицу, то совсем читающих запутал бы...

А так я увидел код, автору поста и написал, дальше развилась дискуссия...
Можно было и "в лоб", просто выложить коды, потом на сл ошибку код и тд...

В конечном итоге половина четверок работает с нетактичным кодом. Более того, одна солидная контора настрогала стили с подобным кодом. А народ то у нас, лениво-занятый, читать и разбираться не хочет, увидел пост, глянул в репу, скопировал-вставил-радуется.
А так того и гляди, у человек 5 в мозгу отложилось.

Vasich, я просил ссылку на Ваш сайт, другое не надо

Ghost · 23.05.2013, 00:47 **Вверх**

Господа на будущее просто в мазилу установите плагин HTML validator или воспользуйтесь он лайн сервисом влидатор. И уже будет легче ошибки выявлять. Хотя и они выдают желаемое за действительное ,но уже займет меньше времени на поиск ошибок. А луше все писать без ошибок.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Что значит информация в опциях	HotBeer	vBulletin 3.х	2	27.02.2012 13:13
[Инструкция] Информация о пользователе, в сообщениях.	eLigan	Инструкции и модификации для vBulletin 4.x	4	28.04.2011 09:54
[Вопрос] Информация под Аватаром	KaSPeRus	vBulletin 3.х	2	30.03.2011 00:25
Информация по самой игре	swat_^^	Operation 7	0	06.06.2010 11:18
[Вопрос] Доп. информация	antiwin	vBulletin 3.х	1	03.06.2009 13:56