Кнопка "Вступить в блог"
Заметил (на опыте своего проекта), что в шаблонах 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
т.е. все кнопки в одном окошке…
Подскажите, как сделать кнопку «Вступить в блог» более эргономичной для пользователей!
Заранее благодарен за помощь
14 комментариев
.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 не смотрел
это если по простому, если нужна пафосная, то надо скрипт писать модный
прописал в №25 строке после