Здравствуйте.
Подскажите, как поставить в категории, "форум,тем,сообщений..", "статистику форума", а так же "Тема, ответов, просмотров..." свой фон картинкой?
и второй вопрос. можно-ли выделить "костяк" форума так, как на этом скрине? С закругленными краями и тенью?
если уже было где-то, прошу прощения.
но не нашел.
Как поставить фон в "категории..", "форум,тем,сообщений" и тд + вопрос
Страница: 1
Тема закрыта
Сообщений 1 страница 17 из 17
Поделиться1Пн, 22 Сен 2014 15:06:08
Поделиться2Пн, 22 Сен 2014 16:07:36
- Заслуженный
- Зарегистрирован: Пн, 12 Апр 2010
- Сообщений: 522
- Уважение: +241
- Позитив: +253
- Пол: Женский
- Последний визит:
Сб, 19 Дек 2020 11:00:14
boom, пункт 18 в этом сообщении.
Поделиться3Пн, 22 Сен 2014 18:35:17
Паутина
спасибо!
И остался вопрос про оформление "костяка" форума
Поделиться4Пн, 22 Сен 2014 18:48:24
- LastMan
- Зарегистрирован: Вт, 9 Дек 2008
- Сообщений: 3415
- Уважение: +2101
- Позитив: +673
- Пол: Мужской
- Последний визит:
Сегодня 10:06:21
boom
Для этого нужен адрес вашего форума.
Поделиться5Пт, 26 Сен 2014 15:07:25
Reysler
Здравствуйте еще раз.
Вот адрес форума. http://probaprobnaya.rolka.su/ Форум пока создал пробный.
Вопросы возникли такие:
Как мне оставить обводку форума линиями, но (!) что бы они не лезли на шапку и низ форума?
И как поставить фоновую картинку или залить цветом так, как здесь?
если неправильно выражаюсь - сорри.
Отредактировано boom (Пт, 26 Сен 2014 15:08:15)
Поделиться6Сб, 27 Сен 2014 14:31:42
- LastMan
- Зарегистрирован: Вт, 9 Дек 2008
- Сообщений: 3415
- Уважение: +2101
- Позитив: +673
- Пол: Мужской
- Последний визит:
Сегодня 10:06:21
boom
Проблемы еще актуальны? Вроде все из них у вас уже решены.
Поделиться7Сб, 27 Сен 2014 17:44:53
Reysler
Здравствуйте.
Актуален вопрос про линии.
А на счет заливки, да, справился. Прошу прощения, что не предупредил.
Но теперь возник второй вопрос, как можно сделать эти закругления, как показано на скриншоте, и снизу и сверху? Желательно везде, где есть синяя заливка.
Нашел один скрипт, но он закруглил лишь сверху, где название категории, и только на главной странице...
Поделиться8Сб, 27 Сен 2014 19:25:11
- LastMan
- Зарегистрирован: Вт, 9 Дек 2008
- Сообщений: 3415
- Уважение: +2101
- Позитив: +673
- Пол: Мужской
- Последний визит:
Сегодня 10:06:21
boom
Администрирование - Свой стиль, в самый низ первого поля вставьте этот код:
/* Закругление заголовков */
#pun-main h1, .category h2 {
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
15px в коде меняете на своё значение (чем выше значение, тем больше будет закругление). Везде должно быть одинаковое значение, иначе в разных браузерах будет выглядеть по-разному.
boom написал(а):
Но теперь возник второй вопрос, как можно сделать эти закругления, как показано на скриншоте, и снизу и сверху? Желательно везде, где есть синяя заливка.
В вашем случае надо указывать конкретно для каких элементов. Сперва попробуйте поставить код выше, вдруг он завернет углы как раз для нужных элементов, позже в него можно будет добавлять новые.
Поделиться9Вс, 28 Сен 2014 13:18:29
Reysler
здравствуйте.
поставил код, верхние углы закруглил так, как надо)
можно теперь так же нижние? что добавить в код?
Поделиться10Вс, 28 Сен 2014 17:04:08
и можно-ли так же закруглить поля сообщений?
Поделиться11Вс, 28 Сен 2014 19:57:01
- LastMan
- Зарегистрирован: Вт, 9 Дек 2008
- Сообщений: 3415
- Уважение: +2101
- Позитив: +673
- Пол: Мужской
- Последний визит:
Сегодня 10:06:21
Обновите код из 8 сообщения на этот:
/* Закругление заголовков и постов */
#pun-main h1, .category h2, #pun-stats h2, .topic .post {
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
Поделиться12Пн, 29 Сен 2014 14:10:03
Reysler
поставил код - ничего не изменилось 
Поделиться13Пн, 29 Сен 2014 19:43:38
- LastMan
- Зарегистрирован: Вт, 9 Дек 2008
- Сообщений: 3415
- Уважение: +2101
- Позитив: +673
- Пол: Мужской
- Последний визит:
Сегодня 10:06:21
boom
То, как было раньше (а раньше нижней видимой частью форума была Статистика форума), углы завернулись, а вот сообщения — я не учел цвет для элемента span.
/* Закругление заголовков и постов */
#pun-main h1, .category h2, #pun-stats h2, #pun-crumbs2 .container {
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
Ниже него добавьте такой код:
#pun-about .container {
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
Во втором поле найдите блок /* CS1.6 */ в нем удалите строчку выделенную красным (включая запятую):
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #BEBEBE;
color: #696969
}
А в самый низ первого поля добавьте код:
.topic .post h3, #tieser-bottom {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}/* Убираем границы */
#pun-about, #tieser-bottom {
border-bottom: none !important;
}
Поделиться14Вт, 30 Сен 2014 16:07:41
Reysler
супер!
то, что надо, спасибо!
Поделиться15Вт, 30 Сен 2014 16:10:25
а не подскажите заодно, как сделать прозрачным те поля, которые зачеркнуты на скрине, только 2.
если убирать в своем стиле, то еще и фон под "активными темами и тд" и под "статистикой" убирается.
Общие вопросы по оформлению (53) - скрин вот здесь, сообщение 847
Поделиться16Ср, 1 Окт 2014 14:36:39
- LastMan
- Зарегистрирован: Вт, 9 Дек 2008
- Сообщений: 3415
- Уважение: +2101
- Позитив: +673
- Пол: Мужской
- Последний визит:
Сегодня 10:06:21
boom
Администрирование - Свой стиль, в первом поле найдите блок /* D8.7 */ в нем код:
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
font-size: 1.1em;
background: transparent !important;
}
Добавьте в него строчку, выделенную красным. Далее, в том же первом поле найдите блок /* D8.4 */ в нем код:
#pun-about .container {
border-top-style: none;
text-align: right;
line-height: 150%;
padding: 0.8em 1em;
background: transparent !important;
}
Добавьте в него строчку, выделенную красным. Теперь, в самый низ первого поля добавьте код:
#tieser-bottom {
background: transparent !important;
}
Поделиться17Ср, 1 Окт 2014 21:51:21
Reysler
Вы мастер!
Огромное спасибо!)
Тема закрыта
Страница: 1