Небольшое украшение в преддверии нового года. В принципе ничего нового. Небольшая новогодняя шапка Санта-Клауса на аватар пользователей форума при просмотре тем.

Установка очень простая и занимает всего пару минут.

Для prosilver и его клонов, открываете шаблон viewtopic_body.html, находите:

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

<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
в найденном меняете <a href="{postrow.U_POST_AUTHOR}"> на:

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

<a class="santa-hat" href="{postrow.U_POST_AUTHOR}">

Для subsilver2 и его клонов, открываете шаблон viewtopic_body.html, находите:

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

<td>{postrow.POSTER_AVATAR}</td>
меняете на:

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

<td><a class="santa-hat">{postrow.POSTER_AVATAR}</a></td>

Для обоих клонов.
В тему стиля добавляете (можно просто в самый конец):

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

.santa-hat {position: relative;}
.santa-hat:before {
content: '';
position: absolute;
background: url("image/shapka-right.png");
width: 73px;
height: 100px;
margin-top: -10px;
right: -26px;
}
Шапка будет на правом боку аватары, чтобы шапка была слева, замените right на left и поменяйте на изображение с другим наклоном.

Получаем (subsilver2, prosilver):
Изображение Изображение

Ну и собственно сами шапки:
Украшение к новому году. Новогодняя шапка на аватар - shapka_right.png
Украшение к новому году. Новогодняя шапка на аватар - shapka_right.png (12.14 КБ) 4255 просмотров
Украшение к новому году. Новогодняя шапка на аватар - shapka_left.png
Украшение к новому году. Новогодняя шапка на аватар - shapka_left.png (12.26 КБ) 4255 просмотров
Можно конечно использовать свои изображения, только уже под них самим править стили.
Комментарии: 39

Resistant 14 окт 2015, 18:34 Сообщение

CabinetAdmin, там два стиля ,в просильвере этой модификации нет,только в стиле winter,можете с портала выбрать во внешнем виде стиль winter и глянуть
  • 0

CabinetAdmin 14 окт 2015, 19:47 Сообщение

Все стили на месте, только картинки нету. А вы её в какую папку images закачали?
Плюсом, можно добавить к .santa-hat { - margin-top: 10px;, чтобы задать небольшой отступ сверху, а то шапка обрезается.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Resistant 14 окт 2015, 19:54 Сообщение

вот по этому адресу /styles/winter/theme/images/shapka_right.png
указал такой путь и все заработало ну шапка обрезана http://telstarnet.ru/styles/winter/them ... _right.png
если вставляю в код margin-top: 10px; то получается вот так
Изображение
  • 0

CabinetAdmin 14 окт 2015, 20:16 Сообщение

Чего-то куда-то не туда поставили, не должно быть такого, в общем найти:

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

.santa-hat {position: relative;}
и заменить на:

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

.santa-hat {position: relative;margin-top: 10px;}
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

CabinetAdmin 14 окт 2015, 20:23 Сообщение

Ага, понял:
Resistant писал(а): в теме путь указывал вот так background: url("./images/shapka-right.png");
тут в имени не тире, а нижнее подчёркивание, сделайте так и всё будет работать:

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

background: url("./images/shapka_right.png");
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Resistant 14 окт 2015, 20:30 Сообщение

спасибо заработало
  • 0

monteney 07 дек 2015, 23:00 Сообщение

CabinetAdmin писал(а): Для обоих клонов.
В тему стиля добавляете (можно просто в самый конец):
КОД: ВЫДЕЛИТЬ ВСЁ
Подскажите это куда? :oops:
  • 0

CabinetAdmin 08 дек 2015, 15:21 Сообщение

Можно в common.css или content.css.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

JoshuaRyanПавел 08 май 2016, 19:26 Сообщение

Люди, всем привет! Это снова Джошик ;)) У меня вопрос, а можно ли сделать другой значок на авку? :))
или загрузить в менеджер картинкок что мне надо и использовать ссылку.. ;)?
  • 0

CabinetAdmin 08 май 2016, 22:25 Сообщение

Можно любой значок, загружаете на форум и указываете её имя в стилях...
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!