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

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

Для 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 КБ) 4260 просмотров
Украшение к новому году. Новогодняя шапка на аватар - shapka_left.png
Украшение к новому году. Новогодняя шапка на аватар - shapka_left.png (12.26 КБ) 4260 просмотров
Можно конечно использовать свои изображения, только уже под них самим править стили.
Комментарии: 39

Галина 24 дек 2013, 19:51 Сообщение

Сейчас пишу с домашнего компа. А не может это как-то быть связано с разрешением монитора? :scratch: Этот монитор несколько больше, чем на буке. И на нём шапочка на месте.
Изображение
  • 0

Галина 24 дек 2013, 21:03 Сообщение

На другом форуме в этом же стиле опять шапочка съехала. Тоже с Мозилы
Изображение
Сейчас поставила на несколько тем, результат один. Перешла на первый форум, там тоже шапочка съехала. Видимо всё же дело не в коде.... :scratch:
  • 0

Галина 24 дек 2013, 21:25 Сообщение

Сейчас перешла в оперу. Там всё нормально отражается. :scratch:
  • 0

silver073000Василий 25 дек 2013, 12:06 Сообщение

Заметил такую вещицу. Чем больше ответов на странице, тем чаще уезжает шапка. Создал тему и пока в ней не началось обсуждение, то шапка на месте стояла, сколько бы страницу не обновлял. Попробовал на локалхосте, то и там первое сообщение нормально, а надобавлял пользователей, добавил сообщений и шапка уезжать начала :unknown
  • 0

Resistant 12 окт 2015, 12:09 Сообщение

Здравствуйте ,а как реализовать такую шапку в phpbb 3.1.x,если будет время может сделаете под 3.1.x
  • 0

romaamor 12 окт 2015, 13:43 Сообщение

Resistant писал(а): Здравствуйте ,а как реализовать такую шапку в phpbb 3.1.x,если будет время может сделаете под 3.1.x
Не знаю как на аватар, но можно такое поставить -
Изображение
phpbb-xmas_1.0.2.zip
535.82 КБ 243 скачивания
  • 2

vla20071 12 окт 2015, 15:35 Сообщение

romaamor писал(а): но можно такое поставить -
Прикольно смотрится, спасибо! :D
  • 1

Resistant 12 окт 2015, 18:39 Сообщение

romaamor, привет Рома,да не все не надо ,надо только одну шапку для аватарок
  • 1

CabinetAdmin 12 окт 2015, 19:04 Сообщение

Resistant писал(а): как реализовать такую шапку в phpbb 3.1.x
Примерно так же, только вместо:

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

<a href="{postrow.U_POST_AUTHOR}">
надо найти:

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

<a href="{postrow.U_POST_AUTHOR}" class="avatar">
и добавить класс santa-hat:

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

<a href="{postrow.U_POST_AUTHOR}" class="avatar santa-hat">
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Resistant 12 окт 2015, 22:00 Сообщение

CabinetAdmin, спасибо,а это куда в тему добавлять
.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;
}

добавлял в colours.css ,шапки не было ,картинку загружал в папку image в теме путь указывал вот так background: url("./images/shapka-right.png");
  • 0

CabinetAdmin 13 окт 2015, 15:07 Сообщение

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

Resistant 13 окт 2015, 18:00 Сообщение

CabinetAdmin писал(а): Могу предположить, что виноват кеш...
кеш чистил,ну проскользнула мысля кеша браузера,сменил браузер всеравно шапки нету
  • 0

CabinetAdmin 13 окт 2015, 18:18 Сообщение

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

Resistant 13 окт 2015, 18:19 Сообщение

Да добавил ,в стиль винтер
  • 0

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

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