Правила форума
для обязательного прочтения!
Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Перестал внедряться скриптавтор Dana Domirani Сегодня в 0:50
» Виджет календаря
автор Дмитрий Зверев Ср 25 Апр - 22:13
» Виджет "Последние темы"
автор Mag-Vasiliy Ср 25 Апр - 20:51
» Ошибка доступа к форуму: Request limit exceeded
автор Дмитрий Зверев Ср 25 Апр - 11:37
» Редактирование
автор irina27 Ср 25 Апр - 5:41
» Статистика форума.
автор Racoon Вт 24 Апр - 21:09
» не работает Тег <hr />
автор hawk9951 Вс 22 Апр - 11:33
» Как удалить с форума ссылки на 2x2 форум
автор Dana Domirani Сб 21 Апр - 16:06
» Представляем Пакеты услуг Forum2x2 : новый способ развития форума
автор KatrinaZ Чт 19 Апр - 17:24
» [Общая тема] Заявки на удаление сомнительной рекламы
автор abigal Чт 19 Апр - 14:32
Интересные решения
Как откорректировать колонку с данными?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1 • Поделиться •
Как откорректировать колонку с данными?

Как выровнять по центру (подогнать под аватарку и кнопку оn/off) выделенные красным пункты (ник, ранг и картинку звания)?
Помогите решить вопрос.
Re: Как откорректировать колонку с данными?
Посмотрите здесь:
@Ринкате пишет:
В CSS:В шаблоне viewtopic_body
- Код:
.pun .user-ident .username {position: relative;}
Находим:
- Код:
{postrow.displayed.POSTER_NAME}
Выделяем их кодом <center></center>
- Код:
{postrow.displayed.POSTER_AVATAR}<br /> {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
Должно получиться вот так:Сохраняем
- Код:
<h4 class="username"><center>{postrow.displayed.POSTER_NAME}</center></h4>
<div class="user-basic-info"><center>
{postrow.displayed.POSTER_AVATAR}<br /> {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</center>
</div>![]()
Re: Как откорректировать колонку с данными?
Спасибо, только у меня пропали кнопки online & offline...
Как их восстановить?
Как их восстановить?
Re: Как откорректировать колонку с данными?
Может так?
Обрамление профиля [punBB]
Открываем шаблон viewtopic_body (Показ темы)
Находим фрагмент
Далее идём в CSS и ставим код

Вариант №2
Открываем шаблон viewtopic_body (Показ темы)
Находим фрагмент
Далее идём в CSS и ставим код

Вариант №3
Открываем шаблон viewtopic_body (Показ темы)
Находим фрагмент
Далее идём в CSS и ставим код

P.S. В кодах что ставятся в CSS можете сделать корректировку, убрать фон и рамку.
Обрамление профиля [punBB]
Открываем шаблон viewtopic_body (Показ темы)
Находим фрагмент
- Код:
<div class="user-ident">
<h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
<div class="user-basic-info">
{postrow.displayed.POSTER_AVATAR}<br />
{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
</div>
</div>
<div class="user-info">
{postrow.displayed.ONLINE_IMG}
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</div>
</div>
- Код:
<div class="profill"><div class="user-ident">
<div class="user-nik">{postrow.displayed.POSTER_NAME}
</div>
<div class="user-basic-info">
{postrow.displayed.POSTER_AVATAR}
<br />
{postrow.displayed.POSTER_RANK_NEW} {postrow.displayed.RANK_IMAGE}
</div>
</div>
<div class="user-info">
{postrow.displayed.ONLINE_IMG}
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}
{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</div>
</div>
</div>
Далее идём в CSS и ставим код
- Код:
/*Обрамление профиля*/
.profill{
background-color: #цвет; /*фон в рамке в обычном состоянии*/
border: 2px double #B1FD91; /*толщина, стиль и цвет рамки*/
margin:1px 4px 7px 4px;
padding:3px;
font-size:1em; /*размер шрифта в профиле*/
text-align:center;
}
.profill:hover {
background-color: #цвет; /*фон в рамке при наведении курсора*/
}
.user-nik {
font-size:14px; /*размер ника над аватаром*/
padding-bottom:5px;
}

Вариант №2
Открываем шаблон viewtopic_body (Показ темы)
Находим фрагмент
- Код:
<div class="user-ident">
<h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
<div class="user-basic-info">
{postrow.displayed.POSTER_AVATAR}
{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
</div>
</div>
<div class="user-info">
{postrow.displayed.ONLINE_IMG}
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</div>
</div>
- Код:
<div class="profill"><div class="user-ident">
<div class="user-nik">{postrow.displayed.POSTER_NAME}
</div></div></div>
<div class="profill_2"><div class="user-basic-info">
{postrow.displayed.POSTER_AVATAR}</div></div>
<div class="profill_3">
{postrow.displayed.POSTER_RANK_NEW} {postrow.displayed.RANK_IMAGE}
</div>
<div class="user-info">
{postrow.displayed.ONLINE_IMG}
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}
{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</div>
</div>
Далее идём в CSS и ставим код
- Код:
/*Обрамление профиля*/
.profill,.profill_2,.profill_3,.user-info{
background-color: #87CEFA; /*фон в рамке в обычном состоянии*/
border: 2px solid #4682B4; /*толщина, стиль и цвет рамки*/
margin:1px 4px 2px 4px;
padding:3px;
font-size:1em; /*размер шрифта в профиле*/
text-align:center;
}
.profill:hover,.profill_2:hover,.profill_3:hover,.user-info:hover {
background-color: #AFEEEE; /*фон в рамке при наведении курсора*/
}
.user-nik {
font-size:14px; /*размер ника над аватаром*/
}

Вариант №3
Открываем шаблон viewtopic_body (Показ темы)
Находим фрагмент
- Код:
<div class="user-ident">
<h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
<div class="user-basic-info">
{postrow.displayed.POSTER_AVATAR}
{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
</div>
</div>
<div class="user-info">
{postrow.displayed.ONLINE_IMG}
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</div>
</div>
- Код:
<div class="profill"><div class="user-ident">
<div class="user-nik">{postrow.displayed.POSTER_NAME}
</div></div></div>
<div class="profill_2"><div class="user-basic-info">
{postrow.displayed.POSTER_AVATAR}</div></div>
<div class="profill_3">
{postrow.displayed.POSTER_RANK_NEW} {postrow.displayed.RANK_IMAGE}
</div>
<div class="user-info">
{postrow.displayed.ONLINE_IMG}
</div>
<!-- BEGIN profile_field -->
<div class="profill_4">{postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}
{postrow.displayed.profile_field.SEPARATOR}</div>
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</div>
Далее идём в CSS и ставим код
- Код:
/*Обрамление профиля*/
.profill,.profill_2,.profill_3,.profill_4,.user-info{
background-color: #87CEFA; /*фон в рамке в обычном состоянии*/
border: 2px solid #4682B4; /*толщина, стиль и цвет рамки*/
margin:1px 4px 1px 4px;
padding:5px;
font-size:1em; /*размер шрифта в профиле*/
text-align:center;
}
.profill:hover,.profill_2:hover,.profill_3:hover,.profill_4:hover,.user-info:hover {
background-color: #AFEEEE; /*фон в рамке при наведении курсора*/
}
.user-nik {
font-size:14px; /*размер ника над аватаром*/
}

P.S. В кодах что ставятся в CSS можете сделать корректировку, убрать фон и рамку.
Домовой-
-
Сообщения : 6812
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3235
Re: Как откорректировать колонку с данными?
Домовой, ух ты РЕСПЕКТ!!! А есть какая-то версия, которая для моего форума по дизайну подойдет?
Вот мой форум: http://resident-evil.forum2x2.com/
Вот мой форум: http://resident-evil.forum2x2.com/
Re: Как откорректировать колонку с данными?
Это всё для версии форума punBB, то есть как у Вас.
Меняйте фон и цвет рамки в кодах CSS под стиль своего форума.
Там всё подписано
Меняйте фон и цвет рамки в кодах CSS под стиль своего форума.
Там всё подписано
Домовой-
-
Сообщения : 6812
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3235
Re: Как откорректировать колонку с данными?
Эти варианты мне не подходят... Когда их ставлю - у меня форум вообще с ума сходит... Все непонятно где отображаться начинает...
Домовой-
-
Сообщения : 6812
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3235
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения