Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор Luz Сегодня в 12:40
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
Как откорректировать колонку с данными?
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 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 можете сделать корректировку, убрать фон и рамку.
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как откорректировать колонку с данными?
Домовой, ух ты РЕСПЕКТ!!! А есть какая-то версия, которая для моего форума по дизайну подойдет?
Вот мой форум: http://resident-evil.forum2x2.com/
Вот мой форум: http://resident-evil.forum2x2.com/
Re: Как откорректировать колонку с данными?
Это всё для версии форума punBB, то есть как у Вас.
Меняйте фон и цвет рамки в кодах CSS под стиль своего форума.
Там всё подписано
Меняйте фон и цвет рамки в кодах CSS под стиль своего форума.
Там всё подписано
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как откорректировать колонку с данными?
Эти варианты мне не подходят... Когда их ставлю - у меня форум вообще с ума сходит... Все непонятно где отображаться начинает...
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Похожие темы
» Виджет с данными сайта
» Как убрать колонку "Автор"?
» Как изменить местоположение колонки с аватаркой и данными пользователя с правого бока на левый?
» [решено]Как убрать лишнюю колонку?
» Как скрыть колонку справа?
» Как убрать колонку "Автор"?
» Как изменить местоположение колонки с аватаркой и данными пользователя с правого бока на левый?
» [решено]Как убрать лишнюю колонку?
» Как скрыть колонку справа?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения