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

Небольшие, но очень полезные модификации phpbb3, не требующие загрузки файлов в корневой каталог или редактирования .php шаблонов.
Правила форума
[td][url=http://phpbb3.x-tk.ru/viewforum.php?f=23]Моды (исходники) для форумов на платном хостинге[/url] [url=http://phpbb3.x-tk.ru/viewforum.php?f=20]Моды для форумов размещенных на сервисе getbb.ru[/url] [url=http://phpbb3.x-tk.ru/viewforum.php?f=19]Моды для форумов размещенных на сервисе 4админс[/url] [url=http://phpbb3.x-tk.ru/viewforum.php?f=9]Медальки, звания, иконки, смайлики, аварары и т.п.[/url][/td][td][url=http://phpbb3.x-tk.ru/viewforum.php?f=10]Стили, шаблоны, темы для форумов[/url] [url=http://phpbb3.x-tk.ru/viewforum.php?f=29]BBcodes для форумов[/url] [url=http://phpbb3.x-tk.ru/viewforum.php?f=39]Полезно знать[/url] [url=http://phpbb3.x-tk.ru/viewforum.php?f=25]Болтанка[/url][/td]
Ответить
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»