Небольшое украшение в преддверии нового года. В принципе ничего нового. Небольшая новогодняя шапка Санта-Клауса на аватар пользователей форума при просмотре тем.
Установка очень простая и занимает всего пару минут.
Для 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
Просто шикарно к НГ! Огромное спасибо! Установила. Вроде всё в порядке
Форум Science-Леди www.scienceclub.listbb.ru
А можно ли совместить это украшение с рамкой вокруг аватарки? Код, отвечающий за аватарку, у меня такой
И такая вот добавка в теме
Код: Выделить всё
<!-- IF postrow.POSTER_AVATAR -->
<tr>
<td class="postavatars" align="center"><a <!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST -->title="Пользователь в сети"<!-- ENDIF -->>{postrow.POSTER_AVATAR}</a></td>
</tr>
<!-- ELSE -->
<tr>
<td class="postavatars" align="center"><img src="http://gff.5nx.org/images/ranks2/gff_5nx_org/noavatar.gif" alt="" /></td>
</tr>
<!-- ENDIF -->
Код: Выделить всё
.postavatars img {
background-color: #FFFFFF;
padding: 0px;
margin: 5px 0 1px;
border: 3px solid transparent;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 0 10px 0 #000000;
-webkit-box-shadow: 0 0 10px 0 #000000;
-moz-box-shadow: 0 0 10px 0 #000000;
}
.online .postavatars img {
border: 3px solid #B0E91D;
box-shadow: 0px 0px 10px 0px #560319;
-moz-box-shadow: 0px 0px 10px 0px #560319;
-webkit-box-shadow: 0px 0px 10px 0px #560319;
}
- Bukovka_
- Сообщения: 165
- Зарегистрирован: 05 мар 2009, 13:01
- Пол: Жен
- Откуда: Киев
У меня тоже половина шапок внизу аватара.BOJIK писал(а):Ради эксперимента попробовал на чистый стиль установить шапку, то и там такое поведение Ох уж эти стандарты браузеров
- Галина
- Сообщения: 23
- Зарегистрирован: 28 фев 2013, 09:50
- Пол: Жен
А у меня вот здесь повисла....
Хотя размер аватарки не большой.... Я тоже с Мозилы захожу.
Хотя размер аватарки не большой.... Я тоже с Мозилы захожу.
Не могу добиться такого же эффекта как у вас... Поставил, но на моём форуме, моя мазила, не хочет также делать - http://demo.cabinetadmina.ru/viewtopic.php?f=2&t=1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!