Помогите - Форум
Страница 1 из 11
Форум » Разное » Разговоры » Помогите
Помогите

Dok
Пользователи
Сообщений 52
+
+5
-
Ваши награды 2
Dok написал: В ответ пользователя Dok Написано 22 Марта 2012 в 19:38
Сообщение № 1
Помогите внедрить из такого css кода для дизайна заданной кнопки во все создающиеся. Css код будет ниже.
Code
.submit {
     width: 120px;
     height: 32px;
     padding: 0 0 2px;
     font: 16px "Trebuchet MS", Tahoma, Arial, sans-serif;
     outline: none;
     position: relative;
     cursor: pointer;
     border-radius: 3px;
     color: #555;
     border: 1px solid #BBB;
     border-top: 1px solid #D0D0D0;
     border-bottom: 1px solid #A5A5A5;
     text-shadow: 1px 1px #FAFAFA;
     box-shadow:
         inset 0 1px #F5F5F5,
         inset 1px 0 #EDEDED,
         inset -1px 0 #EDEDED,
         inset 0 -1px #E7E7E7,
         0 2px #B2B1B1,
         0 3px #A5A5A5,
         0 4px 2px rgba(0,0,0,0.4)
     ;
     background: -moz-linear-gradient(top,  #eeeeee 0%, #e2e2e2 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%); /* IE10+ */
     background: linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
     background-color: #E8E8E8;
}
.submit::-moz-focus-inner{border:0}
.submit:hover {
     border-top: 1px solid #C2C2C2;
     box-shadow:
         inset 0 1px #EFEFEF,
         inset 1px 0 #EDEDED,
         inset -1px 0 #EDEDED,
         inset 0 -1px #EDEDED,
         0 2px #B2B1B1,
         0 3px #A5A5A5,
         0 4px 2px rgba(0,0,0,0.4)
     ;
     background: -moz-linear-gradient(top,  #e4e4e4 0%, #e9e9e9 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top,  #e4e4e4 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top,  #e4e4e4 0%,#e9e9e9 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top,  #e4e4e4 0%,#e9e9e9 100%); /* IE10+ */
     background: linear-gradient(top,  #e4e4e4 0%,#e9e9e9 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
     background-color: #E8E8E8;
}
.submit:active {
     top: 3px;
     border: 1px solid #B9B9B9;
     border-top: 1px solid #959595;
     border-bottom: 1px solid #CACACA;
     background: #E3E3E3;
     box-shadow: inset 0 1px 2px #B9B9B9;
}
«Пред. тема След. тема»

Supermenыч
Проверенные
Сообщений 335
+
+213
-
Ваши награды 6
Supermenыч написал: В ответ пользователя Supermenыч Написано 23 Марта 2012 в 14:37
Сообщение № 2
вместо .submit вставь input[type="submit"]
подпись: HTML ~ 75%
CSS ~ 70%
------------------------------------
Ничто не истинно, всё дозволено... Supermenыч
Форум » Разное » Разговоры » Помогите
Страница 1 из 11
Поиск:
Топ пользователей: