Рамка для аватара на CSS - phpbb3

Небольшие, но очень полезные модификации phpbb3, не требующие загрузки файлов в корневой каталог или редактирования .php шаблонов.

Автор темы
CharlesAmic
Сообщения: 1
Зарегистрирован: 03 май 2014, 17:08
Репутация: 0
Пол: Мужской

Рамка для аватара на CSS - phpbb3

Сообщение CharlesAmic » 03 май 2014, 17:08

Делаем рамочку вокруг аватарок на phpbb3

Инструкции:
Для клонов стиля prosilver

В теме стиля находим

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

.postprofile {

до найденного, с новой строки ставим

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

    .postavatars img {
       background-color: #EADCFC;
       padding: 0px;
       margin: 5px 0 1px;
       border: 5px solid transparent;
       -moz-border-radius: 7px;
       -webkit-border-radius: 7px;
       -khtml-border-radius: 7px;
       border-radius: 7px;
       box-shadow: 0 0 10px 0 #4D376B;
       -webkit-box-shadow: 0 0 10px 0 #4D376B;
       -moz-box-shadow: 0 0 10px 0 #4D376B;
    }


Для клонов стиля subsilver2
в шаблоне viewtopic_body.html, находим

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

    <td>{postrow.POSTER_AVATAR}</td>

и заменяем её на

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

    <td class="postavatars">{postrow.POSTER_AVATAR}</td>

в теме стиля, находим

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

    td.profile {

до найденного, с новой строки ставим

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

    .postavatars img {
       background-color: #EADCFC;
       padding: 0px;
       margin: 5px 0 1px;
       border: 5px solid transparent;
       -moz-border-radius: 7px;
       -webkit-border-radius: 7px;
       -khtml-border-radius: 7px;
       border-radius: 7px;
       box-shadow: 0 0 10px 0 #4D376B;
       -webkit-box-shadow: 0 0 10px 0 #4D376B;
       -moz-box-shadow: 0 0 10px 0 #4D376B;
    }


FAQ:
background-color: #EADCFC; - цвет рамки
border: 5px solid transparent; - отступ рамки от аватара
#4D376B - тень рамки, или задний фон рамки (кому как понятнее)
-moz-border-radius: 7px; - закругление уоглков
-webkit-border-radius: 7px; - закругление уоглков
-khtml-border-radius: 7px; - закругление уоглков
border-radius: 7px; - закругление уоглков

  • Поделитесь ссылкой
  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Моды phpbb»