Компонент подарки

 
Посетитель
small user social cms
Кубок зрительских симпатий
Сообщений: 82
Всем привет. Поставила на сайт Компонент подарки. В меню пользователя, кнопочка очень некрасиво смотрится. с css подружиться никак не могу. Помогите, пожалуйста, как мне сделать кнопочку Мои подарки как остальные в меню пользователя?
Прикрепленные файлы:
_ur72n.jpg | 83.94 Кб | Скачали: 433
Посетитель
small user social cms
Медаль
Сообщений: 230
Настёна, можно ссылочку на сам сайт?
Реклама
cms
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатий
Сообщений: 513
Попробуйте кнопку обернуть в class, как остальные кнопки в меню.
Редактировалось: 2 раз (Последний: 12 декабря 2013 в 18:29)
Посетитель
small user social cms
Кубок зрительских симпатий
Сообщений: 82
qb:
Настёна, можно ссылочку на сам сайт?

http://yavospitatel.ru/ smile
Посетитель
small user social cms
Кубок зрительских симпатий
Сообщений: 82
Dost:
Попробуйте кнопку обернуть в class, как остальные кнопки в меню.
shock Это как???
Посетитель
small user social cms
Медаль
Сообщений: 230
Настёна, а можно в личку данные для входа. Ну прям не хочеться регестрироваться.
Посетитель
small user social cms
Медаль
Сообщений: 246
Доброго дня.
1. надо поменять иконку подарка, чтобы было одинаково:
Компонент подарки


вышло что-то типа такого, можете переделать
Компонент подарки


2. залить иконку сюда: http://yavospitatel.ru/templates/NewsMagazine/images/icons/template_icons/

3. в файле модуля шаблона меню юзера надо внести правки (http://yavospitatel.ru/templates/NewsMagazine/modules/mod_usermenu.tpl)

найти строчки:

<img border="0" src="/components/present/image/giftss.gif">
<a href="/present/58/gifts.html">Мои подарки</a>

заменить на:

<span class="my_gifts">
<a href="/present/58/gifts.html">Мои подарки</a>
</span>

4. Добавить в файл css: http://yavospitatel.ru/templates/NewsMagazine/css/styles.css в конец файла строчку

.mod_user_menu .my_gifts a {
background: url("../images/icons/template_icons/gifts.png") no-repeat scroll 4px center #F8F8F8;
}
где gits.png Ваша новая иконка

5. само меню юзера разваливается из-за длины меню большого кол-ва иконок, надо чуток поправить css
строчка 1427 внести в class принудительно ширину блока width: 750px;

.mod_user_menu {
display: inline-block;
float: right;
height: 30px;
width: 750px;
line-height: 30px;
margin-top: 0;
text-align: right;
}

вроде ничего не забыл, удачи.
Редактировалось: 1 раз (Последний: 12 декабря 2013 в 20:35)
не мой блог
Посетитель
small user social cms
Кубок зрительских симпатий
Сообщений: 82
Nemoi, спасибо огромное!!! все получилось! dance
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.