Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » профиль автора в сбщ
ссылка на форум: http://test100500.rusff.ru/
ссылка на конкретное сбщ: http://test100500.rusff.ru/viewtopic.php?id=1#p1
все отображается крайне криво. Сейчас я поставила фон на .post-author ul, но легче не стало
кроме того, текст в сбщ пишется внизу, где заканчивается картинка. Такого не должно быть.
а еще по ширине надо эту область как-то увеличить
вот, что я хочу:
/* C3.5 */
.punbb .post .post-author {
float: left;
width: 23em;
margin-top: -1.5em;
padding: 15px 0 50px 0;
overflow: hidden;
}/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0px 1em 1em;
line-height: 140%;
background-image: url("http://s4.uploads.ru/z2sUv.png");
}/* C3.11 */
.punbb .post-body {
margin-left: 23em;
border-left-style: none;
border-left-width: 0px;
padding: 0 0 1px 0;
}.punbb .post .post-author {
padding: 12px 7px!important;
background: url(http://s4.uploads.ru/Y8Jy6.png) no-repeat center bottom, url(http://s4.uploads.ru/EdUP4.png) no-repeat center -12px, url(http://s4.uploads.ru/z2sUv.png) center center repeat;
}.pa-avatar {
border-top: 15px solid transparent;
}
Красное - исправить
Зеленое - добавить
Синее - удалить
Как бы там ни было, но замыкающий хвост подложки - нижний треугольный фон - вам все равно нужно переделать. Фон по бокам от треугольника может оставаться прозрачным, а вот область фона под треугольной оконечностью нужно сделать непрозрачной, используя кусочек фона самого форума из приблизительно этого же места по горизонтали (фон форума у вас меняется, если прослеживать его от левого края к правому).
Нэнси Малина
1. Временно удалите код из стиля и переставьте в HTML верх, я поправлю
Remus John Lupin
спасибо, почти все проблемы решены
Deff
какой именно?
этот:
.punbb .post .post-author {
background:url(http://s7.uploads.ru/clEAZ.png) 0 top no-repeat,url(http://s6.uploads.ru/bak1Y.png) 0 bottom no-repeat,
url(http://s7.uploads.ru/pa5hI.png) 0 top repeat;
.pa-avatar {
border-top: 15px solid transparent;
}
}http://test100500.rusff.ru/viewtopic.php?id=1#p3
осталось несколько неувязок:
1. нужно сдвинуть дату правее
2. текст самого сбщ все еще внизу, хотя должен быть, где обычно... и его тоже на сдвинуть правее, как и дату
3. как поменять текст и ссылки, чтобы они были светлыми на этом синем фоне (только здесь, только в профиле)
а и еще на странице переадресации
4. а еще имя сделать другим шрифтом
5. и сдвинуть аватар вниз
Нэнси Малина, красное - исправления, зеленое - добавки.
1. нужно сдвинуть дату правее
.punbb .post h3 span {
padding: 0.5em 1em;
display: block;
margin-left: 23em;
}
2. текст самого сбщ все еще внизу, хотя должен быть, где обычно... и его тоже на сдвинуть правее, как и дату
Внимательней
/* C3.11 */
.punbb .post-body {
margin-left: 23em;
border-left-style: none;
border-left-width: 0px;
padding: 0 0 1px 0;
}
3. как поменять текст
#pun-main .post-author ul {
text-align: center;
color: #989292;
}
и ссылки
#pun-main .post-author ul a {
color: #989292;
}
4. а еще имя сделать другим шрифтом
li.pa-author a {
font-family: Garamond !important;
}
Вместо подчеркнутого - свое название шрифта
5. и сдвинуть аватар вниз
Внимательней с кодами:
.punbb .post .post-author {
background:url(http://s7.uploads.ru/clEAZ.png) 0 top no-repeat,url(http://s6.uploads.ru/bak1Y.png) 0 bottom no-repeat,
url(http://s7.uploads.ru/pa5hI.png) 0 top repeat;.pa-avatar {
border-top: 15px solid transparent;
}
}
Вы всунули перед закрывающей фигурной скобкой первого кода - весь второй код, как матрешку в матрешку, а надо было расположить их последовательно или просто скопировать то, что я вас написал:
.punbb .post .post-author {
padding: 12px 7px!important;
background: url(http://s4.uploads.ru/Y8Jy6.png) no-repeat center bottom, url(http://s4.uploads.ru/EdUP4.png) no-repeat center -12px, url(http://s4.uploads.ru/z2sUv.png) center center repeat;
}.pa-avatar {
border-top: 15px solid transparent; /*верхний прозрачный бордюр у аватара, сдвигающий последнего вниз*/
}
Как еще один вариант подвинуть контент в профиле вниз от статуса:
li.pa-title {
padding-bottom: 1.4em;
font-weight: bold;
}
Соответственно, либо добавка селектора .pa-avatar и свойства к нему, либо исправления в свойствах селектора li.pa-title
Внимательней
дата не двигается, а текст исправился, спасибо
#pun-main .post-author ul a {
color: rgb(152, 146, 146);
font-family: Garamond;
}
Вместо подчеркнутого - свое название шрифта
мне нужно, чтобы только имя поменялось, а остальные ссылки в профиле обычными были
а и еще на странице переадресации
ссылку светлой сделать?)
спасибо за терпение
Отредактировано Нэнси Малина (Сб, 26 Окт 2013 21:39:00)
Нэнси Малина написал(а):
1. нужно сдвинуть дату правее
.punbb .post h3 span {
padding: 0.5em 1em;
display: block;
margin-left: 23em;
}
Внимательней, говорю
мне нужно, чтобы только имя поменялось
Исправлено в сообщении выше. Повторю еще раз:
li.pa-author a {
font-family: Garamond !important;
}
а еще можно как-нибудь подвинуть все это, чтобы оно посередине картинки оказалось?
.punbb .post .post-author {
float: left;
width: 23em;
margin-top: -1.5em;
overflow: hidden;
padding: 15px 0px 50px;
}
ссылку светлой сделать?)
Позже. Мне нужен селектор, который я не помню на память. Взять я его могу, только переставив к себе на пробку ваш дизайн и поставив время переадресации, достаточное для обнаружение селектора.
Внимательней, говорю
да, так я и ставила, ничего не менялось
а еще можно как-нибудь подвинуть все это, чтобы оно посередине картинки оказалось?
.punbb .post .post-author {
float: left;
width: 23em;
margin-top: -1.5em;
overflow: hidden;
padding: 15px 0px 50px;
}
нет, уезжает текст, поставила margin, теперь все ровно
исправила
Переадресация.
/* C5 Message boxes
-------------------------------------------------------------*//* C5.1 */
.punbb .info .container {
padding: 0.8em 1em;
color: #989292;
}/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}/* C5.3 */
.punbb .info .container .backlink a {
color: #989292;
}
Зеленое - добавки.
да, так я и ставила, ничего не менялось
Я смотрю ваши коды и в Исходном коде и дебаггером, и вижу, какие у вас стоят настройки. Проверяю я ваши настройки после того, как вы отписались, поэтому вариант, что вы в процессе правки, и поэтому что-то еще недоправлено - не проходит. То у вас стояло упорно 19em, то вы решили подвинуть тело поста, поставив полю профиля ширину 24 вместо 23em.
Цифры я вам даю не среднепотолочные, а те, что выходят из практических опытов подвижки, следовательно, я вижу, как оно на самом деле будет выглядеть, воочию.
исправила
Угу. Разобрались. Где ширина, а где маргин.
Remus John Lupin
спасибо) вроде бы все)
Нэнси Малина, смотрю, вы переместили поле "статус" под аватар, и теперь имя пользователя не стоит посередине предполагаемого заготовленного фона. Можете подвинуть всё поле профильной информации ниже:
#pun-main .post-author ul {
text-align: center;
margin-left: -7px;
color: rgb(152, 146, 146);
margin-top: 9px;
}
А затем поднять аватар выше на эти же 9 пикселей (бордюр - вы его с 15 пикселей сделали 35).
Пожалуйста 
Вы здесь » Единый форум поддержки » Корзина » профиль автора в сбщ