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

Объявление

Идет поиск Хранителя форума

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

О форуме

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

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

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


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


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

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

21

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

код в цсс верх
Код:
/* 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

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

0

23

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

0

24

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

0

25

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

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

+1

26

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

0

27

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

0

28

в свой стиль

.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

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

0

30

код

.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

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

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

0


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


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC