Георгиевская лента на аватар

[kain 0]

Здравствуйте уважаемые участники форума. Близится 9 мая, хотелось бы порадовать наших пользователей георигевскими лентами на аватаре.

Помогите реализовать подобное, чтобы получилось что-то в таком стиле:

Шаблон стоит стандартный 3.2.3

 

Изменено 4 мая 2012 пользователем kain

[Fisana 700]

В ipb_styles.css

div.author_info {
background: url(****/lenta.png) 100% 50% no-repeat;
}

Попробуйте ка-то так

[podvorie 5]

Ленточка снизу рисуется, как подложка :( А как сверху нарисовать?

 

Изменено 4 мая 2012 пользователем podvorie

[kain 0]

Присоединяюсь.. сверху не получается(

[Fisana 700]

Тогда по-другому

 

Global Templates > userInfoPane

Перед последним

добавить

<div style='z-index:20000; position: absolute; top: 120px; left: 130px;'><img src='{$this->settings['img_url']}/lenta.png' alt='' /></div>

 

Число пикселей отрегулировать

 

Предварительно lenta.png положить в папку графики скина

 

Заменила right на left

Изменено 4 мая 2012 пользователем Fisana

[kain 0]

@Fisana, благодарю!! работает идеально! :)

[podvorie 5]

1. Получилось так:

 

 

НО! строка выглядит так:

 

<div style='z-index:20000; position: left; top: 0px; right: 0px;'><img src='http://ххх/ххх/ххх/nature/lenta.png' alt='' /></div>

[Fisana 700]

Я поправила код выше. Посмотрите

 

right там не надо

[podvorie 5]

Все :) Заработало. И переместить можно по блоку куда угодно. Спасибо!

[kain 0]

В темах отображается отлично, а к сожалению в ЛС лента теперь отображается так:

 

Изменено 4 мая 2012 пользователем kain

[Fisana 700]

Тогда придется добавлять класс .lenta

Замените предыдущий код на

<div class='lenta'><img src='{$this->settings['img_url']}/lenta.png' alt='' /></div>

 

В ipb_styles.css добавьте

.lenta {
z-index:20000; 
position: absolute; 
top: 120px; 
left: 130px; 
}

 

В ipb_messenger.css добавьте

.lenta {
display: none;
} 

Изменено 4 мая 2012 пользователем Fisana

[kain 0]

Еще раз Вам огромное спасибо! В темах отображаются, в ЛС нет, но оно особо там и не нужно :)