Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Дублируется ссылка на форум в боковом менюавтор Чистый сталкер Сегодня в 19:52
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор AlexNeimor Вчера в 23:23
» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 25th 2024, 10:14
» ВПН
автор Danny_Marcelo Ноябрь 24th 2024, 07:47
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
Как откорректировать колонку с данными?
Участников: 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
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как откорректировать колонку с данными?
Домовой, ух ты РЕСПЕКТ!!! А есть какая-то версия, которая для моего форума по дизайну подойдет?
Вот мой форум: http://resident-evil.forum2x2.com/
Вот мой форум: http://resident-evil.forum2x2.com/
Re: Как откорректировать колонку с данными?
Это всё для версии форума punBB, то есть как у Вас.
Меняйте фон и цвет рамки в кодах CSS под стиль своего форума.
Там всё подписано
Меняйте фон и цвет рамки в кодах CSS под стиль своего форума.
Там всё подписано
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как откорректировать колонку с данными?
Эти варианты мне не подходят... Когда их ставлю - у меня форум вообще с ума сходит... Все непонятно где отображаться начинает...
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения