Как видоизменить кнопки в iCMS

#1 12 января 2012 в 19:51
Столкнулся с проблемой, точнее не пониманием до конца как ее можно решить.
Например хотелось бы увидеть такие кнопки:
Кнопки пример

Вместо стандартных дефалтных, которые выводят браузеры.

Собственно в чем трудность. Стандартно код кнопок примерно такой:
  1. <input type="submit" style="font-size:18px" value="Отправить" name="gosend">
а в том же примере показана конструкция:
  1. <a href="#" class="a_demo_one">
  2. Click me!
  3. </a>
Вот вопрос и заключается в том как соединить первое и второе. Спасибо.
#2 12 января 2012 в 22:41
пропишите стиль кнопке
#3 12 января 2012 в 23:26
То есть вид кода должен быть примерно:
  1. <input type="submit" style="font-size:18px" value="Отправить" name="gosend" class="stylename">
#4 12 января 2012 в 23:31
Роман, именно, указываете класс, а затем в файле css прописываете нужные стили
#5 14 января 2012 в 01:36
Ни чего особенного не скажу, но если добавить значение в CSS стиль, то входящие сообщения будут помигивать, привлекая внимание.
Т.к. я уже кое что менял в стиле, то номер строки писать нет смысла, будем ориентироваться исходя из значений.

Стандартно стиль входящего сообщения выглядит так
  1.  
  2. .mod_user_menu .my_messages a.has_new { color:#FFE900; }
  3.  
Но если к нему приписать кое что, то ссылка начнет мигать.
Вот код:
  1. .mod_user_menu .my_messages a.has_new { color:СВОЙ_ЦВЕТ; text-decoration: blink; }
Если из имеющейся кнопки сделать GIF с меняющейся цветовой гаммой и прописать его в код, то и сама кнопка станет анимированной.
Примерно так:
  1. .mod_user_menu .my_messages a.has_new { background:url(../images/icons/message.gif) no-repeat 6px 6px; color:СВОЙ_ЦВЕТ; text-decoration: blink; }
А если применить этот стиль
  1. font-weight: bolder;
тогда шрифт станет жирным.

Можно так же применить и тени
  1. text-shadow: 1px 1px #цвет, 2px 2px #цвет, 3px 3px #цвет, 4px 4px #цвет;
Здесь применены 4 тени, можно сделать постепенное осветление

Хотелось бы ещё прикрутить какой-то звук, но, вроде, в CSS это не возможно.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.