Кнопка "Вступить в блог"
8
Заметил (на опыте своего проекта), что в шаблонах new и light (остальные не изучал :) ) Очень не интуитивно сделана кногпка «Вступить в блог»

Она маленькая и при ненаведённой мыше практически незаметная (светло-серая).
Код кнопки такой:
Само изображение кнопки находиться в фале icons.gif

т.е. все кнопки в одном окошке…
Подскажите, как сделать кнопку «Вступить в блог» более эргономичной для пользователей!
Заранее благодарен за помощь

Она маленькая и при ненаведённой мыше практически незаметная (светло-серая).
Код кнопки такой:
<li><a href="#" id="block_blogs_join" onclick="lsBlockBlogs.toggle(this,'blogs_join'); return false;">{$aLang.block_blogs_join}</a></li>Само изображение кнопки находиться в фале icons.gif

т.е. все кнопки в одном окошке…
Подскажите, как сделать кнопку «Вступить в блог» более эргономичной для пользователей!
Заранее благодарен за помощь
- +2
- 24 июля 2009, 02:10
- akril
Заменить кнопку надписью-ссылкой «Вступить в блог», как вариант :)

- p_khardikov
- 24 июля 2009, 09:37
- ↓
тебе надо в файле стилей style.css поменять
.profile-blog .action li.join a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll 0 -250px; }
.profile-blog .action li.join a:hover { background: url(../images/icons.gif) no-repeat scroll -10px -250px; }
.profile-blog .action li.join.active a { background: url(../images/icons.gif) no-repeat scroll -10px -250px; }
на
.profile-blog .action li.join a { display: block; height:!!! высота_кнопки!!!px; width:!!! ширина_кнопки!!!px; background: url(../images/!!! имя файла с новой кнопкой!!!); }
.profile-blog .action li.join a:hover { background: url(../images/!!! имя файла с новой кнопкой!!!); }
.profile-blog .action li.join.active a { background: url(../images/!!! имя файла с новой кнопкой!!!); }
поменяв конечно все что обозначено восклицательными знаками
Это для шаблона new. Light не смотрел
.profile-blog .action li.join a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll 0 -250px; }
.profile-blog .action li.join a:hover { background: url(../images/icons.gif) no-repeat scroll -10px -250px; }
.profile-blog .action li.join.active a { background: url(../images/icons.gif) no-repeat scroll -10px -250px; }
на
.profile-blog .action li.join a { display: block; height:!!! высота_кнопки!!!px; width:!!! ширина_кнопки!!!px; background: url(../images/!!! имя файла с новой кнопкой!!!); }
.profile-blog .action li.join a:hover { background: url(../images/!!! имя файла с новой кнопкой!!!); }
.profile-blog .action li.join.active a { background: url(../images/!!! имя файла с новой кнопкой!!!); }
поменяв конечно все что обозначено восклицательными знаками
Это для шаблона new. Light не смотрел
привет! не подскажешь, как сделать всплывающую подсказку к этой кнопке?

- konoplev-v
- 07 сентября 2010, 16:59
- ↑
- ↓
Спасибо за наводку. А подсказку я чуть расширил в шаблоне blog_list.tpl (пример — www.relaxrostov.ru/blogs/):
<a title="{if $oBlog->getUserIsJoin()}Покинуть блог{else}Вступить в блог{/if}" href="#" onclick="ajaxJoinLeaveBlog(this,{$oBlog->getId()}); return false;"></a>

- MaximTusken
- 02 декабря 2011, 12:24
- ↓
Комментарии (14)
RSS свернуть / развернуть