Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

Полезные ссылки

Каталог: Cкрипты Передача прав Каталог: Оформление Перенос Баллов FAQ: Дизайн/Css Свой
домен FAQ:
CSS-коды Откат форумов Раскрутка форума Платные услуги

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Окантовка профиля в сообщении

Окантовка профиля в сообщении

Страница:   1 2

Сообщений 21 страница 32 из 32

21

  • Автор: pika.
  • pika.
  • Зарегистрирован: 15.11.2012
  • Сообщений: 152
  • Уважение: +9
  • Позитив: +7
  • Провел на форуме:
    2 дня 14 часов
  • Последний визит:
    12.09.2018 02:54:36

Доброго времени суток! Возникла проблема неприятного характера.
Значит поставила я эту безделушку, чтобы на фоне ника и статуса была картинка.

код в цсс верх
Код:
/* C3.5 ник*/
.punbb .post .post-author {
  background:transparent url("http://s3.uploads.ru/R3UOz.png") no-repeat scroll center top;
  float: left;
  margin-top: 0.2em;
  margin-left: -0.2em;
  overflow:hidden;
  padding-top: -2em;
  width:21em;
  }
.punbb .post .post-author .pa-author, .punbb .post .post-author .pa-title,.punbb .post .post-author .pa-avatar {
  text-align: center;
  margin-left: 0.6em;
  }
/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */

li.pa-author {
  font-size: 1.4em;
  font-weight: bold;
  height: 20px;
  margin-left: -7px;
  margin-top: 4px;
  padding: 6px 0 0 !important;
  color: #000000;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.2em;
  font-size: 0.9em;
  font-style: italic;
}

После поставила код окантовки профиля в цсс низ:

цсс низ
Код:
.post-author ul li.pa-avatar {
background: #bcc2ce;
text-align: center;
border: 1px solid #bdc2dd;
width: 194px;
height: 194px;
border-radius: 3px;
margin-left: 7px;
padding-top: 2px;
}
.post-author ul li.pa-from, 
.post-author ul li.pa-reg,
.post-author ul li.pa-posts,
.post-author ul li.pa-respect,
.post-author ul li.pa-positive, 
.post-author ul li.pa-sex,
.post-author ul li.pa-age,
.post-author ul li.pa-time-visit{
background: #bcc2ce;
width: 194px;
text-align: center;
border: 1px solid #bdc2dd;
border-radius: 3px;
margin-left: 7px;
font-size: 11px;
}
.post-author ul li.pa-fld1 {
background: #bcc2ce;
width: 194px;
text-align: center;
border: 1px solid #bdc2dd;
border-radius: 3px;
margin-left: 7px;
font-size: 11px;
}
.post-author ul li.pa-fld2 {
background: #bcc2ce;
width: 194px;
text-align: center;
border: 1px solid #bdc2dd;
border-radius: 3px;
margin-left: 7px;
font-size: 11px;
}
.post-author ul li.pa-fld3 {
background: #bcc2ce;
width: 194px;
text-align: center;
border: 1px solid #bdc2dd;
border-radius: 3px;
margin-left: 7px;
font-size: 11px;
}
.post-author ul li.pa-fld4 {
background: #bcc2ce;
width: 194px;
text-align: center;
border: 1px solid #bdc2dd;
border-radius: 3px;
margin-left: 7px;
font-size: 11px;
}
.post-author ul li.pa-fld5 {
background: #bcc2ce;
width: 194px;
text-align: center;
border: 1px solid #bdc2dd;
border-radius: 3px;
margin-left: 7px;
font-size: 11px;
}

Получилась неприятная история наплыва аватарки и окантовки на картинку с ником и статусом. Причем неприятность заключается именно в статусе. Когда его нет - картинка наезжает, когда он написан на 2 строки - картинка стоит как надо.
Вопрос заключается в следующем: мне нужно зафиксировать окантовку и аватар, как это сделать. Может у меня проблема в значениях, которые я прописала? Если это так, помогите исправить сей неприятный момент.
Нужно очень срочно. Буду благодарна, если кто нибудь откликнется.
Спасибо.
[Ссылка на форум]

0

22

  • Автор: Fover
  • Заблокирован
  • Зарегистрирован: 11.03.2013
  • Сообщений: 67
  • Уважение: +10
  • Позитив: +2
  • Провел на форуме:
    2 дня 9 часов
  • Последний визит:
    20.10.2014 00:38:31

pika.
Прошу вас точней сформулировать проблему.

0

23

  • Автор: sadhaka
  • sadhaka
  • Зарегистрирован: 10.10.2011
  • Сообщений: 4699
  • Уважение: +1055
  • Позитив: +97
  • Провел на форуме:
    1 месяц 13 дней
  • Последний визит:
    22.05.2017 22:59:44

pika.
откройте хоть какую-нибудь тему, дайте на это все посмотреть.

0

24

  • Автор: Лестчий
  • Лестчий
  • Зарегистрирован: 21.01.2013
  • Сообщений: 90
  • Уважение: 0
  • Позитив: +36
  • Пол: Мужской
  • Провел на форуме:
    4 дня 3 часа
  • Последний визит:
    08.03.2023 21:17:50

Добрый день! Скажите пожалуйста как сделать так, чтобы текст профиля не сдвигался в середину и оставался на месте, а фоном всего профиля было изображение (понятно, что background - сам фон и возле него ставим ссылку) без всяких окантовок полосами.

0

25

  • Автор: sadhaka
  • sadhaka
  • Зарегистрирован: 10.10.2011
  • Сообщений: 4699
  • Уважение: +1055
  • Позитив: +97
  • Провел на форуме:
    1 месяц 13 дней
  • Последний визит:
    22.05.2017 22:59:44

Лестчий
в конец первого окна стиля

.punbb .post .post-author {
    background: url("ссылка") repeat scroll 0 0 transparent;
    text-align: left;
}

+1

26

  • Автор: Лестчий
  • Лестчий
  • Зарегистрирован: 21.01.2013
  • Сообщений: 90
  • Уважение: 0
  • Позитив: +36
  • Пол: Мужской
  • Провел на форуме:
    4 дня 3 часа
  • Последний визит:
    08.03.2023 21:17:50

sadhaka
Спасибо. В стиль не получилось в хтмл-верх поставил-получилось.

0

27

  • Автор: Guizeppe
  • Зарегистрирован: 07.04.2012
  • Сообщений: 245
  • Уважение: +7
  • Позитив: +51
  • Провел на форуме:
    4 дня 13 часов
  • Последний визит:
    04.06.2023 19:14:53

А как можно сделать, чтоб было как на этом форуме?
http://manhattanlife.ru/viewtopic.php?i … =9#p318319

0

28

  • Автор: sadhaka
  • sadhaka
  • Зарегистрирован: 10.10.2011
  • Сообщений: 4699
  • Уважение: +1055
  • Позитив: +97
  • Провел на форуме:
    1 месяц 13 дней
  • Последний визит:
    22.05.2017 22:59:44

в свой стиль

.punbb .post .post-author {
    background: url("http://s9.uploads.ru/VNexB.png") repeat; //картинка-фон
    border-bottom: 3px solid #1A1917; //нижняя рамка
    border-radius: 10px;
    border-top: 3px solid #1A1917; //верхняя рамка
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9); //тень
}

после установки комментарии помеченные // уберите

+1

29

  • Автор: Guizeppe
  • Зарегистрирован: 07.04.2012
  • Сообщений: 245
  • Уважение: +7
  • Позитив: +51
  • Провел на форуме:
    4 дня 13 часов
  • Последний визит:
    04.06.2023 19:14:53

sadhaka
ага, спасибо)

0

30

  • Автор: Sanarami
  • Sanarami
  • Откуда: Брянск
  • Зарегистрирован: 09.05.2014
  • Сообщений: 2
  • Уважение: 0
  • Позитив: +1
  • Пол: Женский
  • Провел на форуме:
    10 часов 26 минут
  • Последний визит:
    03.12.2022 21:16:06
код

.post-author ul li {
text-align: center;
padding: 2px;
border: 1px solid #000000;
background: #696969;
margin: 2px;
}
.post-author ul li.pa-reg {
border-bottom: none;
margin-bottom: 0px;
}
.post-author ul li.pa-posts,
.post-author ul li.pa-respect {
border-top: none;
border-bottom: none;
margin-top: 0px;
margin-bottom: 0px;
}
.post-author ul li.pa-positive {
margin-top: 0px;
border-top: none;
//border-bottom: none;
}
.post-author ul li.pa-online, .post-author ul li.pa-author {
border: #BEBEBE solid 1px;
padding: 2px;
background: #000000;
font-size: 11px;
}
.post-author ul li.pa-fld1 {
border: #000000 solid 1px;
padding: 2px;
background: #D3D3D3;
font-size: 11px;
}

Доброго времени суток!
Запилила код (нашла в этой же теме) в "Структура style.css" и получила следующий результат:
http://s004.radikal.ru/i207/1409/79/3c783d80f91at.jpg

Меня вполне устраивает отображение поля никнейма и активности . Но все остальные элементы хотелось бы видеть без разграничений по горизонтали между составляющими профиля и с возможностью вместо заливки цветом поставить изображение. Крутила скрипт в самых извращенных формах, но нужного результата не добилась. Господа, знающие и понимающие, помогите побороть скрипт. И хорошо бы сам скрипт сократить, наверняка можно.

0

31

  • Автор: summer
  • summer
  • Зарегистрирован: 24.06.2012
  • Сообщений: 1992
  • Уважение: +422
  • Позитив: +42
  • Пол: Мужской
  • Провел на форуме:
    18 дней 4 часа
  • Последний визит:
    23.02.2020 21:12:49

Sanarami
Удалить выделенное

.post-author ul li {
text-align: center;
padding: 2px;
border: 1px solid #000000; обводка чёрным цветом
background: #696969; фон (серый)
margin: 2px; отступы
}

Если нужно какому-то полю сделать отступ:

Код:
.название_селектора{
margin: 2px; }

Название селекторов можно посмотреть тут.

Чтобы указать фоновую картинку:

вариант с тремя фонами(шапка, повторяющееся по вертикали тело и футер):

Код:
.punbb .post .post-author {
background: url('http://savepic.su/4269545.png') no-repeat scroll center top, url('http://savepic.su/4273641.png') no-repeat scroll center bottom, url('http://savepic.su/4275689.png') repeat-y scroll center center transparent;
}

вариант с одной повторяющееся картинкой:

Код:
.punbb .post .post-author {
background: url('http://savepic.su/4269545.png') repeat-y;
}

+1

32

  • Автор: Sanarami
  • Sanarami
  • Откуда: Брянск
  • Зарегистрирован: 09.05.2014
  • Сообщений: 2
  • Уважение: 0
  • Позитив: +1
  • Пол: Женский
  • Провел на форуме:
    10 часов 26 минут
  • Последний визит:
    03.12.2022 21:16:06

summer
Вы мне очень помогли, спасибо.  :surprise:

0

Страница:   1 2

Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Окантовка профиля в сообщении

Рейтинг форумов | Создать форум бесплатно