#1
12 декабря 2013 в 17:58
Всем привет. Поставила на сайт Компонент подарки. В меню пользователя, кнопочка очень некрасиво смотрится. с css подружиться никак не могу. Помогите, пожалуйста, как мне сделать кнопочку Мои подарки как остальные в меню пользователя?
Прикрепленный файл
_ur72n.jpg
84 Кб
#2
12 декабря 2013 в 18:03
Настёна, можно ссылочку на сам сайт?
Попробуйте кнопку обернуть в class, как остальные кнопки в меню.
Сегодня в 22:37
#4
12 декабря 2013 в 18:30
#5
12 декабря 2013 в 18:31
Это как???Попробуйте кнопку обернуть в class, как остальные кнопки в меню.
#6
12 декабря 2013 в 19:02
Настёна, а можно в личку данные для входа. Ну прям не хочеться регестрироваться.
Доброго дня.
1. надо поменять иконку подарка, чтобы было одинаково:
вышло что-то типа такого, можете переделать
2. залить иконку сюда: 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: 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. надо поменять иконку подарка, чтобы было одинаково:
вышло что-то типа такого, можете переделать
2. залить иконку сюда: 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: 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;
}
вроде ничего не забыл, удачи.
#8
13 декабря 2013 в 16:57
Nemoi, спасибо огромное!!! все получилось!