Бормотухи.НЕТ

Вернуться   Бормотухи.НЕТ > Web-мастеру > vBulletin 4.x > Инструкции и модификации для vBulletin 4.x
Расширенный поиск

Инструкции и модификации для vBulletin 4.x Различные инструкции и моды для vBulletin 4.x

Ответ
 
Опции темы Поиск в этой теме
Старый 10.01.2011, 21:40 Вверх   #1
Пользователь
 
Аватар для makis`
makis` вне форума
Доп. информация
По умолчанию Информация о пользователе в рамке

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

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

Открываем шаблон 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>
Помог, жми спасибо!

Последний раз редактировалось Serberg; 19.05.2013 в 11:27..
  Ответить с цитированием
16 пользователя(ей) сказали cпасибо:
Старый 10.01.2011, 22:32 Вверх   #2
Пользователь
 
Аватар для Reebok
Reebok вне форума
Доп. информация
По умолчанию

А можно так же туда включить записи в блоге и систему благодарностей ???
  Ответить с цитированием
Старый 01.02.2011, 15:51 Вверх   #3
forever alone
 
Аватар для no name
no name вне форума
Доп. информация
По умолчанию

Оффтоп
  Ответить с цитированием
Старый 23.08.2011, 17:48 Вверх   #4
Коренной житель
 
Аватар для disait
disait вне форума
Доп. информация
По умолчанию

управление стилями>все опции стиля>дополнительные определения 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>

Последний раз редактировалось disait; 23.08.2011 в 18:40..
  Ответить с цитированием
Cказали cпасибо:
Старый 19.05.2013, 11:18 Вверх   #5
Грамотный форумчанин
 
Аватар для Decade
Decade вне форума
Доп. информация
По умолчанию

Может кто нибудь скрин результата дать?
  Ответить с цитированием
Старый 19.05.2013, 11:27 Вверх   #6
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Decade Посмотреть сообщение
Может кто нибудь скрин результата дать?
Да.
Дал )
  Ответить с цитированием
Старый 20.05.2013, 17:20 Вверх   #7
Уважаемая личность
 
Аватар для Vasich
Vasich вне форума
Доп. информация
По умолчанию

Пытаюсь обрамить "Текущая активность"
Код:
<!-- PRINCEEDWARD USER CURRENT ACTIVITY START -->
<vb:if condition="$post['currentactivity']">
 {vb:raw post.currentactivity}
</vb:if>
<!-- / PRINCEEDWARD USER CURRENT ACTIVITY END -->
и ничего не выходит, рвет пост или еще где то. Подскажите как исправить?
P.S. Остальная информация обрамилась как нужно.
  Ответить с цитированием
Старый 20.05.2013, 17:31 Вверх   #8
Грамотный форумчанин
 
Аватар для Decade
Decade вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Vasich Посмотреть сообщение
Пытаюсь обрамить "Текущая активность"
Код:
<!-- PRINCEEDWARD USER CURRENT ACTIVITY START -->
<vb:if condition="$post['currentactivity']">
 {vb:raw post.currentactivity}
</vb:if>
<!-- / PRINCEEDWARD USER CURRENT ACTIVITY END -->
и ничего не выходит, рвет пост или еще где то. Подскажите как исправить?
P.S. Остальная информация обрамилась как нужно.
В каком смысле "рвет" пост? Дайте хотя бы код постбита. Сидеть и гадать на кофейной гущи тоже не вариант
  Ответить с цитированием
Старый 20.05.2013, 19:59 Вверх   #9
Уважаемая личность
 
Аватар для Vasich
Vasich вне форума
Доп. информация
По умолчанию

Это и есть часть кода постбита, которую нужно заключить в рамку/
-----------
Спасибо, разобрался. Получилось вот так
Код:
<!-- 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 -->

Последний раз редактировалось Vasich; 20.05.2013 в 20:12..
  Ответить с цитированием
Старый 21.05.2013, 10:57 Вверх   #10
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Vasich, ссылку на дэмку дать можешь ? Скрин нормальный сделать.
  Ответить с цитированием
Старый 21.05.2013, 13:09 Вверх   #11
Грамотный форумчанин
 
Аватар для Decade
Decade вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Serberg Посмотреть сообщение
Vasich, ссылку на дэмку дать можешь ? Скрин нормальный сделать.
Оффтоп
  Ответить с цитированием
Старый 21.05.2013, 13:15 Вверх   #12
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Decade Посмотреть сообщение
Дак он разобрался вроде уже
Скрин для данной темы
  Ответить с цитированием
Старый 22.05.2013, 03:24 Вверх   #13
Грамотный форумчанин
 
Аватар для ikopylov
ikopylov вне форума
Доп. информация
По умолчанию

Цитата Сообщение от 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
  Ответить с цитированием
3 пользователя(ей) сказали cпасибо:
Старый 22.05.2013, 16:52 Вверх   #14
Уважаемая личность
 
Аватар для Vasich
Vasich вне форума
Доп. информация
По умолчанию

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


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 --> 
Так правильно? Поскольку пробовал как Вы предложили и у меня ничего не получилось

Последний раз редактировалось Vasich; 22.05.2013 в 17:14..
  Ответить с цитированием
Старый 22.05.2013, 17:10 Вверх   #15
Грамотный форумчанин
 
Аватар для ikopylov
ikopylov вне форума
Доп. информация
По умолчанию

Vasich, Ссылку дайте
  Ответить с цитированием
Старый 22.05.2013, 21:16 Вверх   #16
Грамотный форумчанин
 
Аватар для ChiefMate
ChiefMate вне форума
Доп. информация
По умолчанию

Пока спец в теме поинтересуюсь. Вот тема на супорте, где 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> будет совсем глупо? Хотя браузеры хавают и то и другое одинаково быстро.
  Ответить с цитированием
Старый 22.05.2013, 21:35 Вверх   #17
Грамотный форумчанин
 
Аватар для ikopylov
ikopylov вне форума
Доп. информация
По умолчанию

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

Синтаксис
Код:
<dl>
  <dt>Термин 1</dt>
   <dd>Определение термина 1</dd>
  <dt>Термин 2</dt>
   <dd>Определение термина 2</dd>
</dl>
Источник:
htmlbook.ru

Увольте меня от комментариев, кто что правильно или неправильно написал и почему. Я написал свое мнение и решение. Сделайте валидацию кода.
  Ответить с цитированием
Cказали cпасибо:
Старый 22.05.2013, 21:41 Вверх   #18
Старший модератор
 
Аватар для Ghost
Ghost вне форума
Доп. информация
По умолчанию

А еще лучше заходим в источник w3. Или источник не прав,он ошибаеться,а кто то устанавливает свои правила и прав?
Блин и с такими знаниями мы входим в эпоху html5/
  Ответить с цитированием
Старый 22.05.2013, 21:53 Вверх   #19
Грамотный форумчанин
 
Аватар для ChiefMate
ChiefMate вне форума
Доп. информация
По умолчанию

ikopylov, Ghost, да ладно вам парни! Конечно я знаю эти учебники.
ikopylov, максимум тебе уважения и SMak044 тоже. Ответа не получил, оставлю все как есть.
  Ответить с цитированием
Старый 22.05.2013, 21:56 Вверх   #20
Грамотный форумчанин
 
Аватар для ikopylov
ikopylov вне форума
Доп. информация
По умолчанию

Ghost, это зловещий источник...
  Ответить с цитированием
Старый 22.05.2013, 22:07 Вверх   #21
Грамотный форумчанин
 
Аватар для ikopylov
ikopylov вне форума
Доп. информация
По умолчанию

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

Как визуальный пример смотрим тут
Сделал по 2му варианту
  Ответить с цитированием
Cказали cпасибо:
Старый 22.05.2013, 23:10 Вверх   #22
Уважаемая личность
 
Аватар для Vasich
Vasich вне форума
Доп. информация
По умолчанию

Цитата Сообщение от ikopylov Посмотреть сообщение
Vasich, Ссылку дайте
Не совсем понял, на "Текущая активность" это здесь
Сам код "Текущая активность" сделал по подобию Вывод дополнительных полей в сообщениях и все заработало.
  Ответить с цитированием
Старый 22.05.2013, 23:11 Вверх   #23
Грамотный форумчанин
 
Аватар для ChiefMate
ChiefMate вне форума
Доп. информация
По умолчанию

ikopylov, спасибо. Только зачем так издалека? Сразу бы давал.
  Ответить с цитированием
Старый 23.05.2013, 00:03 Вверх   #24
Грамотный форумчанин
 
Аватар для ikopylov
ikopylov вне форума
Доп. информация
По умолчанию

Цитата Сообщение от ChiefMate Посмотреть сообщение
ikopylov, спасибо. Только зачем так издалека? Сразу бы давал.
Если я эту ссылку привел бы еще, на таблицу, то совсем читающих запутал бы...

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

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

Vasich, я просил ссылку на Ваш сайт, другое не надо
  Ответить с цитированием
Старый 23.05.2013, 00:47 Вверх   #25
Старший модератор
 
Аватар для Ghost
Ghost вне форума
Доп. информация
По умолчанию

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


Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Что значит информация в опциях 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


Текущее время: 02:17. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
 

Время генерации страницы 0.31269 секунды с 14 запросами