Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

Как вставить другую кнопку?

сделать ссылку кнопкой
Посетитель
BorisVV
Сообщений: 28
1503 дня назад
День добрый, скажите кто знает, как можно вставить в текст ссылку в виде кнопки, но что бы кнопка отличалась от основных кнопок по виду.
Постоянный участник
Степаныч
Медаль
Сообщений: 672
17 дней назад
В программе вставить. На вкладке Правка ОК там выбрать кнопка.
Или если в самой ЦМС есть возможность вставить в некоторых редакторах кнопку.
Посетитель
BorisVV
Сообщений: 28
1503 дня назад
Степаныч, день добрый, нужно что бы она отличалась от других.
В программе не нашел как это сделать.
Редактировалось: 1 раз (Последний: 22 сентября 2013 в 17:33)
Постоянный участник
Степаныч
Медаль
Сообщений: 672
17 дней назад
Понятно, можно как здесь где то писали, экспортировать с другим суфиксом потом к ссылке добавить класс кнопки уже с префиксом, и стили с новым префиксом для кнопки скопировать в файл стилей.
Модератор Постоянный участник
samson
Медаль За активное участие в жизни сайта.
Сообщений: 992
14 дней назад
Степаныч:
Понятно, можно как здесь где то писали, экспортировать с другим суфиксом потом к ссылке добавить класс кнопки уже с префиксом, и стили с новым префиксом для кнопки скопировать в файл стилей.

Можно так, а можно сгенерировать код для кнопки в сервисе:
Скрытый текст виден только зарегистрированным пользователям

а в ссылку добавить нужное оформление например это:
Код PHP:
  1.  
  2. <input class="button" type="submit" name="Submit" value="Login" sourceindex="7">
  3.  
Стандартный код от артистир заменяем оформление примерно так:
Код PHP:
  1.  
  2. <input class="myButton" type="submit" name="Submit" value="Login" sourceindex="7">
  3.  
То есть меняем class="button" на class="myButton" и в файл стилей css добавляем код для сгененрированной кнопки:
Код PHP:
  1.  
  2.  
  3. .myButton {
  4.  
  5. -moz-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
  6. -webkit-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
  7. box-shadow:inset 0px 1px 0px 0px #ffe0b5;
  8.  
  9. background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fbb450), color-stop(1, #f89306));
  10. background:-moz-linear-gradient(top, #fbb450 5%, #f89306 100%);
  11. background:-webkit-linear-gradient(top, #fbb450 5%, #f89306 100%);
  12. background:-o-linear-gradient(top, #fbb450 5%, #f89306 100%);
  13. background:-ms-linear-gradient(top, #fbb450 5%, #f89306 100%);
  14. background:linear-gradient(to bottom, #fbb450 5%, #f89306 100%);
  15. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89306',GradientType=0);
  16.  
  17. background-color:#fbb450;
  18.  
  19. -moz-border-radius:7px;
  20. -webkit-border-radius:7px;
  21. border-radius:7px;
  22.  
  23. border:1px solid #c97e1c;
  24.  
  25. display:inline-block;
  26. color:#ffffff;
  27. font-family:Trebuchet MS;
  28. font-size:17px;
  29. font-weight:bold;
  30. padding:6px 11px;
  31. text-decoration:none;
  32.  
  33. text-shadow:0px 1px 0px #8f7f24;
  34.  
  35. }
  36. .myButton:hover {
  37.  
  38. background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f89306), color-stop(1, #fbb450));
  39. background:-moz-linear-gradient(top, #f89306 5%, #fbb450 100%);
  40. background:-webkit-linear-gradient(top, #f89306 5%, #fbb450 100%);
  41. background:-o-linear-gradient(top, #f89306 5%, #fbb450 100%);
  42. background:-ms-linear-gradient(top, #f89306 5%, #fbb450 100%);
  43. background:linear-gradient(to bottom, #f89306 5%, #fbb450 100%);
  44. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89306', endColorstr='#fbb450',GradientType=0);
  45.  
  46. background-color:#f89306;
  47. }
  48. .myButton:active {
  49. position:relative;
  50. top:1px;
  51. }
  52.  
  53.  
|
Перейти на форум:
Быстрый ответ
У вас нет прав, чтобы писать на форуме.