Небольшое украшение в преддверии нового года. В принципе ничего нового. Небольшая новогодняя шапка Санта-Клауса на аватар пользователей форума при просмотре тем.
Установка очень простая и занимает всего пару минут.
Для prosilver и его клонов, открываете шаблон
в найденном меняете
Для subsilver2 и его клонов, открываете шаблон
меняете на:
Для обоих клонов.
В тему стиля добавляете (можно просто в самый конец):
Шапка будет на правом боку аватары, чтобы шапка была слева, замените
Получаем (subsilver2, prosilver):
Ну и собственно сами шапки: Можно конечно использовать свои изображения, только уже под них самим править стили.
Установка очень простая и занимает всего пару минут.
Для 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):
Ну и собственно сами шапки: Можно конечно использовать свои изображения, только уже под них самим править стили.
Комментарии: 39
- Галина
- Сообщения: 23
- Зарегистрирован: 28 фев 2013, 09:50
- Пол: Жен
Сейчас пишу с домашнего компа. А не может это как-то быть связано с разрешением монитора? Этот монитор несколько больше, чем на буке. И на нём шапочка на месте.
- Галина
- Сообщения: 23
- Зарегистрирован: 28 фев 2013, 09:50
- Пол: Жен
На другом форуме в этом же стиле опять шапочка съехала. Тоже с Мозилы
Сейчас поставила на несколько тем, результат один. Перешла на первый форум, там тоже шапочка съехала. Видимо всё же дело не в коде....
Сейчас поставила на несколько тем, результат один. Перешла на первый форум, там тоже шапочка съехала. Видимо всё же дело не в коде....
- Галина
- Сообщения: 23
- Зарегистрирован: 28 фев 2013, 09:50
- Пол: Жен
Сейчас перешла в оперу. Там всё нормально отражается.
Заметил такую вещицу. Чем больше ответов на странице, тем чаще уезжает шапка. Создал тему и пока в ней не началось обсуждение, то шапка на месте стояла, сколько бы страницу не обновлял. Попробовал на локалхосте, то и там первое сообщение нормально, а надобавлял пользователей, добавил сообщений и шапка уезжать начала
Примерно так же, только вместо:
Код: Выделить всё
<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">
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
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");
.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");