Уважаемые пользователи!
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.

Как закруглить углы

Есть любые вопросы, связанные со стилями/темами для phpBB 3.1.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Мини [FAQ] по phpBB3.1.x | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать расширения

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
Evangelion
phpBB 2.0.4
Сообщения: 412
Стаж: 12 лет 4 месяца
Благодарил (а): 75 раз
Поблагодарили: 110 раз
Контактная информация:

Как закруглить углы

Сообщение Evangelion »

Здравствуйте, подскажите пожалуйста, как можно закруглить углы внизу форумов/тем(с обоих нижних сторон):
Вложения
WLJBfnhI20C0OzIZD6RDg.jpg
Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 8 лет 2 месяца
Благодарил (а): 164 раза
Поблагодарили: 247 раз

Re: Как закруглить углы

Сообщение LONER »

Evangelion, Раскруглить нашли где, а закруглить нет?
Вы же это тут common.css:240 делали

Код: Выделить всё

.forabg {
    background: transparent none repeat-x 0 0;
    margin-bottom: 4px;
    padding: 5px;
    clear: both;
    border-radius: 7px;
уменьшив padding: 5px;
Правильно заданный вопрос и описание проблемы - 70% их решения...
Аватара пользователя
Evangelion
phpBB 2.0.4
Сообщения: 412
Стаж: 12 лет 4 месяца
Благодарил (а): 75 раз
Поблагодарили: 110 раз
Контактная информация:

Re: Как закруглить углы

Сообщение Evangelion »

LONER, ну, они(именно эти части) и не были закруглёнными

после того как поставил 5px, стало как было, оно мне не нужно такое жирное

Светло-голубые прямоугольники нужно закруглить, а не эту рамку
Вложения
Скриншот_24_09_2016_21_08_34.jpg
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 17 лет 1 месяц
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2752 раза
Контактная информация:

Re: Как закруглить углы

Сообщение Sheer »

Ссылку. Иначе я могу гадать до бесконечности.
ul.forums --> border-radius: ?
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
Аватара пользователя
Evangelion
phpBB 2.0.4
Сообщения: 412
Стаж: 12 лет 4 месяца
Благодарил (а): 75 раз
Поблагодарили: 110 раз
Контактная информация:

Re: Как закруглить углы

Сообщение Evangelion »

Sheer, http://evanforum.pe.hu

Отправлено спустя 41 секунду:
Sheer писал(а): ul.forums --> border-radius: ?
тут только:

Код: Выделить всё

background: transparent none repeat-x 0 0;
Отправлено спустя 6 минут 49 секунд:
Sheer, добавил там радиус, теперь всё как надо)
Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 8 лет 2 месяца
Благодарил (а): 164 раза
Поблагодарили: 247 раз

Re: Как закруглить углы

Сообщение LONER »

Evangelion писал(а): добавил там радиус, теперь всё как надо)
Только при наведении курсора мыши на нижний форум, к примеру "Архив", проявляется, так же если перейти на него, тоже разрыв.
Правильно заданный вопрос и описание проблемы - 70% их решения...
Аватара пользователя
Evangelion
phpBB 2.0.4
Сообщения: 412
Стаж: 12 лет 4 месяца
Благодарил (а): 75 раз
Поблагодарили: 110 раз
Контактная информация:

Re: Как закруглить углы

Сообщение Evangelion »

LONER, оу, спасибо, а как это тогда исправить?

Отправлено спустя 2 минуты 2 секунды:
И ещё нужно так же при просмотре тем
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 17 лет 1 месяц
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2752 раза
Контактная информация:

Re: Как закруглить углы

Сообщение Sheer »

li.row:hover --> border-radius: ?
Только нужно еще дополнительно определить, что это последняя строка.

Отправлено спустя 4 минуты 53 секунды:
Evangelion писал(а): И ещё нужно так же при просмотре тем

Код: Выделить всё

li.row {
    border-top-color: #FFFFFF;
    border-top: 1px solid #00608F;
    border-radius: 0px 0px 5px 5px;
}
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
Аватара пользователя
Evangelion
phpBB 2.0.4
Сообщения: 412
Стаж: 12 лет 4 месяца
Благодарил (а): 75 раз
Поблагодарили: 110 раз
Контактная информация:

Re: Как закруглить углы

Сообщение Evangelion »

Sheer писал(а): Только нужно еще дополнительно определить, что это последняя строка.
а как это сделать?
или как можно проще сделать если этот вариант не лёгкий

Отправлено спустя 2 минуты 5 секунд:
Если так в темах сделать, то каждая строчка будет закруглена
Аватара пользователя
LavIgor
Former team member
Сообщения: 3468
Стаж: 9 лет 11 месяцев
Благодарил (а): 41 раз
Поблагодарили: 933 раза

Re: Как закруглить углы

Сообщение LavIgor »

Evangelion писал(а): а как это сделать?
Используя :last-child.
Аватара пользователя
Evangelion
phpBB 2.0.4
Сообщения: 412
Стаж: 12 лет 4 месяца
Благодарил (а): 75 раз
Поблагодарили: 110 раз
Контактная информация:

Re: Как закруглить углы

Сообщение Evangelion »

LavIgor, мне бы, пример, я не в курсе что такое :last-child :(
Аватара пользователя
LavIgor
Former team member
Сообщения: 3468
Стаж: 9 лет 11 месяцев
Благодарил (а): 41 раз
Поблагодарили: 933 раза

Re: Как закруглить углы

Сообщение LavIgor »

Evangelion, это селектор/псевдокласс.
Например, в коде выше можно попробовать заменить li.row на ul.forums:last-child.
Аватара пользователя
Evangelion
phpBB 2.0.4
Сообщения: 412
Стаж: 12 лет 4 месяца
Благодарил (а): 75 раз
Поблагодарили: 110 раз
Контактная информация:

Re: Как закруглить углы

Сообщение Evangelion »

Добавлял хоть в colours.css хоть в content.css, убираются полоски между темами/форумами
Аватара пользователя
LavIgor
Former team member
Сообщения: 3468
Стаж: 9 лет 11 месяцев
Благодарил (а): 41 раз
Поблагодарили: 933 раза

Re: Как закруглить углы

Сообщение LavIgor »

Evangelion, ну вы разделите тогда этот код на два.
Получится примерно так (есть и другой псевдокласс):

Код: Выделить всё

li.row {
	border-top-color: #FFFFFF;
	border-top: 1px solid #00608F;
}

li.row:last-of-type {
	border-radius: 0px 0px 5px 5px;
}
Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 8 лет 2 месяца
Благодарил (а): 164 раза
Поблагодарили: 247 раз

Re: Как закруглить углы

Сообщение LONER »

Вот так вроде работает, но смотрел у себя, в форумах, подфорумах, темах

Код: Выделить всё

li.row {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

ul.forums:last-child {
	border-radius: 0 0 6px 6px;
}

.bg1 {
    border-radius: 0 0 6px 6px;
}
Отправлено спустя 12 минут 20 секунд:
Evangelion писал(а): пробелы/отступы между сообщениями

Код: Выделить всё

.post {
    padding: 5px 10px;
    background-repeat: no-repeat;
    background-position: 100% 0;
    border-radius: 7px;
    position: relative;
    margin-bottom: 4px;
margin-bottom: 4px;
Правильно заданный вопрос и описание проблемы - 70% их решения...
Закрыто

Вернуться в «Стили для phpBB 3.1.x»