Проблема с "заездом" даты на окно профиля в сообщении

Поделиться1Пн, 13 Мар 2017 19:46:48

Автор: LLIAMAH
Стремящийся
Зарегистрирован: Пн, 13 Мар 2017
Сообщений: 5
Уважение: +1
Позитив: 0
Последний визит:
Пн, 12 Фев 2018 00:07:36

http://politforum.pogovorim.su/viewtopic.php?id=4

основная проблема - 1 - как сдвинуть дату правее, вместе с рамкой сообщения?
под цифрой 2 - вопрос, как сдвинуть границу профиля левее (зря пропадает место)?
Долго пытался сам разобраться - но никак без изменения стиля не выходит. А хочется оставить стиль по умолчанию (который был при создании).
Крупный шрифт нужен, т.к. на форуме в основном пожилые люди с плохим зрением, им этот стиль пришелся по душе.

Только что посмотрел, как тут, на форуме поддержки, прописалось мое сообщение

можно ли точно так же сделать у меня???

И на всякий случай - что у меня прописано в HTML верх

<style type="text/css">
.punbb {
font-family:Tahoma;/*семейство*/
font-size: 80%;/*размер*/
}
.pa-author {
font-size: 15px;
font-weight: bold;
text-align: left;
font-family: Tahoma;
margin-bottom: 8px;
padding-top: 4px !important;
}
</style>

Отредактировано LLIAMAH (Пн, 13 Мар 2017 20:09:40)

0

Поделиться2Пн, 13 Мар 2017 20:26:20

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7394
Уважение: +5898
Позитив: +6527
Пол: Мужской
Последний визит:
Вчера 23:20:59

LLIAMAH
В НТМЛ верх:

<style>
/* Регулирование ширины минипрофиля */
.punbb .post .post-author {width: 200px;}
/* Убрать бордюр */
.punbb .post h3 span {border-left: none;}
</style>

Где: .punbb .post .post-author {width: 200px;} - регулируете ширину минипрофиля.. По сути в этом стиле ширина минипрофиля не отрегулирована была..

0

Поделиться3Пн, 13 Мар 2017 20:51:09

Автор: LLIAMAH
Стремящийся
Зарегистрирован: Пн, 13 Мар 2017
Сообщений: 5
Уважение: +1
Позитив: 0
Последний визит:
Пн, 12 Фев 2018 00:07:36

kolobdur74 написал(а):

LLIAMAHВ НТМЛ верх:<style>/* Регулирование ширины минипрофиля */.punbb .post .post-author {width: 200px;}/* Убрать бордюр */.punbb .post h3 span {border-left: none;}</style>Где: .punbb .post .post-author {width: 200px;} - регулируете ширину минипрофиля.. По сути в этом стиле ширина минипрофиля не отрегулирована была..

Не то... Профиль "поехал" влево (текст на перенос пошел) - но рамка не поехала. Видимо, эта рамка от сообщения. Бордюр у даты убрался - но дата не смещается...

0

Поделиться4Пн, 13 Мар 2017 21:12:11

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11350
Уважение: +7780
Позитив: +5559
Пол: Мужской
Последний визит:
Сегодня 05:46:05

LLIAMAH
Попробуйте в HTML верх

<style type="text/css">
.post-body,.post-links {
margin-left:16.4em!important;
}
.post-links >ul{
margin-left:-16.4em!important;
}
.post-author {
width:16.4em!important;
}
</style>

0

ВКонтакте alex__63

Поделиться5Вт, 14 Мар 2017 00:58:39

Автор: LLIAMAH
Стремящийся
Зарегистрирован: Пн, 13 Мар 2017
Сообщений: 5
Уважение: +1
Позитив: 0
Последний визит:
Пн, 12 Фев 2018 00:07:36

Alex_63, большое спасибо, все пришло в корректный вид.

Единственный момент - что отвечает за бордюр между минипрофилем и сообщением? Это если понадобится уменьшение поля минипрофиля и увеличение поля сообщения.

Отредактировано LLIAMAH (Вт, 14 Мар 2017 01:01:42)

0

Поделиться6Вт, 14 Мар 2017 09:30:36

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11350
Уважение: +7780
Позитив: +5559
Пол: Мужской
Последний визит:
Сегодня 05:46:05

LLIAMAH
Если понадобится - пишите сюда, я подправлю код

0

ВКонтакте alex__63

Поделиться7Вт, 14 Мар 2017 15:37:55

Автор: LLIAMAH
Стремящийся
Зарегистрирован: Пн, 13 Мар 2017
Сообщений: 5
Уважение: +1
Позитив: 0
Последний визит:
Пн, 12 Фев 2018 00:07:36

Другая проблема вылезла. Раньше, при "заезде" даты - мобильный стиль на смартфонах показывал правильно - в виде строки-минипрофиля над телом поста.
Теперь минипрофиль "сидит" слева от поста, занимая чуть меньше, чем полэкрана. Скрин сложно дать - проще зайти и посмотреть с мобильника по ссылке в моем первом сообщении (((

Один момент - есть использовать опцию "свой стиль" до всех изменений - то в итоге все везде показывает правильно...

0

Поделиться8Ср, 15 Мар 2017 06:45:18

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11350
Уважение: +7780
Позитив: +5559
Пол: Мужской
Последний визит:
Сегодня 05:46:05

LLIAMAH
Добавьте красным

<style type="text/css">
@media screen and (min-width:541px ){
.post-body,.post-links {
margin-left:16.4em!important;
}
.post-links >ul{
margin-left:-16.4em!important;
}
.post-author {
width:16.4em!important;
}
}
</style>

0