Страница 2 из 3

Украшение к новому году. Новогодняя шапка на аватар

Добавлено: 16 дек 2013, 19:17
CabinetAdmin
Небольшое украшение в преддверии нового года. В принципе ничего нового. Небольшая новогодняя шапка Санта-Клауса на аватар пользователей форума при просмотре тем.

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

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

Re: Украшение к новому году. Новогодняя шапка на аватар

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

Re: Украшение к новому году. Новогодняя шапка на аватар

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

Re: Украшение к новому году. Новогодняя шапка на аватар

Добавлено: 24 дек 2013, 21:25
Галина
Сейчас перешла в оперу. Там всё нормально отражается. :scratch:

Re: Украшение к новому году. Новогодняя шапка на аватар

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

Украшение к новому году. Новогодняя шапка на аватар

Добавлено: 12 окт 2015, 12:09
Resistant
Здравствуйте ,а как реализовать такую шапку в phpbb 3.1.x,если будет время может сделаете под 3.1.x

Украшение к новому году. Новогодняя шапка на аватар

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

Украшение к новому году. Новогодняя шапка на аватар

Добавлено: 12 окт 2015, 15:35
vla20071
romaamor писал(а): но можно такое поставить -
Прикольно смотрится, спасибо! :D

Украшение к новому году. Новогодняя шапка на аватар

Добавлено: 12 окт 2015, 18:39
Resistant
romaamor, привет Рома,да не все не надо ,надо только одну шапку для аватарок

Украшение к новому году. Новогодняя шапка на аватар

Добавлено: 12 окт 2015, 19:04
CabinetAdmin
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">

Украшение к новому году. Новогодняя шапка на аватар

Добавлено: 12 окт 2015, 22:00
Resistant
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");

Украшение к новому году. Новогодняя шапка на аватар

Добавлено: 13 окт 2015, 15:07
CabinetAdmin
Могу предположить, что виноват кеш...

Украшение к новому году. Новогодняя шапка на аватар

Добавлено: 13 окт 2015, 18:00
Resistant
CabinetAdmin писал(а): Могу предположить, что виноват кеш...
кеш чистил,ну проскользнула мысля кеша браузера,сменил браузер всеравно шапки нету

Украшение к новому году. Новогодняя шапка на аватар

Добавлено: 13 окт 2015, 18:18
CabinetAdmin
А сейчас добавлен? А то заглянул, в тот что в профиле, не нашёл признаков этой модификации, ни в одном из стилевых файлов :unknown

Украшение к новому году. Новогодняя шапка на аватар

Добавлено: 13 окт 2015, 18:19
Resistant
Да добавил ,в стиль винтер

Украшение к новому году. Новогодняя шапка на аватар

Добавлено: 14 окт 2015, 16:45
CabinetAdmin
Ну, я не знаю, я вижу на форуме стиль просильвер, в нём точно нет :unknown