[CSS3] Закругленные углы для prosilver

[Slash]

Здесь на форуме вроде нет (не нашел), но если вдруг найдете, то ни кому не говорите ! В общем делал для себя, и делюсь с вами:
Закругленные углы имеют большой успех в стилях phpBB3, в значительной степени с начала phpBB3, когда просеребряный стиль был выпущен и phpBB.com ввел свой новый веб-сайт. К сожалению, их очень трудно было добавить с прежнем CSS и HTML для пользователей. Используя новый CSS3 достигнуть округленных углов в стиле prosilver намного проще. При помощи CSS3 нет смысла использовать изображения и Javascript.

Если у вас фиксированная ширина стиля, эта доработка скроет пустоту на широких мониторах.

И так приступим, редактировать будем всего два файла:

1. root/styles/prosilver/theme/common.css
2. root/styles/prosilver/theme/colours.css

Откройте: styles/prosilver/theme/common.css, найдите:

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

#wrap {
    padding: 0 20px;
    min-width: 650px;
}

замените на:

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

#wrap {
    padding: 12px 20px;
    min-width: 650px;
    width: 80%; 
    margin: 0 auto; 
    background-color: #FFFFFF; 
    border-radius: 6px;
}

Откройте: styles/prosilver/theme/colours.css, найдите:

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

html, body {
    color: #536482;
    background-color: #FFFFFF;
}

заменить на:

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

html, body {
    color: #536482;
    background-color: #747474;
}

После следует обновить темы prosilver: Администраторский раздел > Стили > Темы, нажать Обновить, затем подтвердить. Возможно потребуется ещё и очистка форумного кэша.

Добавить бордюр вокруг форума
Что бы добавить бордюрчик вокруг всего форума открываем: styles/prosilver/theme/common.css, находим: #wrap { и перед закрывающей скобкой } добавляем:

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

    border: 6px solid #b7e6ff;  

Оригинал статьи: https://www.phpbb.com/kb/article/css3-r ... prosilver/

[evrus01]

Отличненько!

[Пчелкин]

Великолепно!!!