» »

Стиль под красивые поля ввода


Стиль под красивые поля ввода

Стили под поля которые основном идут стандартные. Здесь мы просто добавляем стили под них и получается изменение. А что конкретно, это тени которые вы можете распределить как вверху так в низу.
Не чего не нужно почти делать, просто в вашем CSS прописать эти стили. Можно их вставить как внизу так где захотите, только не в самый вверх.
И можно сказать страница приобретает совершенно другие краски, они будут только черно белые. Так как и только они прописаны. Но если вы понимаете что то в стилях, то можете изменить оттенок цвета под свой дизайн сайта.
И не нужно забывать, если есть кнопки, а они всегда присутствуют. То они также поменяются.

В CSS:

Код
#iM40 input[type="button"], #iM40 input[type="submit"], #iM40 input[type="file"], #iM40 input[type="reset"], #ldM30 input[type="button"], #ldM30 input[type="submit"], #ldM30 input[type="file"], #ldM30 input[type="reset"] {  
background-attachment: scroll;  
background-clip: border-box;  
background-color: #F2F2F2;  
background-image: url("http://zornet.ru/Ajaxoskrip/Abren/button.png");  
background-origin: padding-box;  
background-position: 0% 0%;  
background-repeat: repeat-x;  
background-size: auto;  
border-bottom-color: #DDDDDD;  
border-bottom-left-radius: 2px;  
border-bottom-right-radius: 2px;  
border-bottom-style: solid;  
border-bottom-width: 1px;  
border-left-color: #DDDDDD;  
border-left-style: solid;  
border-left-width: 1px;  
border-right-color: #DDDDDD;  
border-right-style: solid;  
border-right-width: 1px;  
border-top-color: #DDDDDD;  
border-top-left-radius: 2px;  
border-top-right-radius: 2px;  
border-top-style: solid;  
border-top-width: 1px;  
color: #808080;  
cursor: pointer;  
font-family: "Tahoma";  
font-size: 8pt;  
height: 22px;  
padding-bottom: 5px;  
padding-left: 4px;  
padding-right: 3px;  
padding-top: 4px;  
text-decoration: none;  
text-shadow: 0px 1px 0px #FFFFFF;  
}  

.manTable input[type="text"], .manTable input[type="password"], .manTable textarea, #uCatsMenu9, .manTable .u-combobut, #mchatMsgF {  
border-bottom-color: #CCCCCC;  
border-bottom-style: solid;  
border-bottom-width: 1px;  
border-left-color: #CCCCCC;  
border-left-style: solid;  
border-left-width: 1px;  
border-right-color: #CCCCCC;  
border-right-style: solid;  
border-right-width: 1px;  
border-top-color: #CCCCCC;  
border-top-style: solid;  
border-top-width: 1px;  
box-shadow: inset 0px 2px 5px #E5E5E5;  
box-sizing: border-box;  
padding-bottom: 3px;  
padding-left: 3px;  
padding-right: 3px;  
padding-top: 3px;  
text-shadow: 0px 1px 0px #FFFFFF;  
}  
#mchatBtn, #ldF18, #ldF19, .reglon, .pollBut {  
background-attachment: scroll;  
background-clip: border-box;  
background-color: transparent;  
background-image: url("http://zornet.ru/Ajaxoskrip/Abren/podrobno.png");  
background-origin: padding-box;  
background-position: 0px 0px;  
background-repeat: repeat;  
background-size: auto;  
border-bottom-color: #FFFFFF;  
border-bottom-left-radius: 3px;  
border-bottom-right-radius: 3px;  
border-bottom-style: solid;  
border-bottom-width: 0px;  
border-left-color: #FFFFFF;  
border-left-style: solid;  
border-left-width: 0px;  
border-right-color: #FFFFFF;  
border-right-style: solid;  
border-right-width: 0px;  
border-top-color: #FFFFFF;  
border-top-left-radius: 3px;  
border-top-right-radius: 3px;  
border-top-style: solid;  
border-top-width: 0px;  
color: #505252;  
cursor: pointer;  
font-size: 8pt;  
height: 25px;  
padding-bottom: 3px;  
padding-left: 5px;  
padding-right: 5px;  
padding-top: 0px;  
width: 85px;  
}  
hr {  
background-color: #D7D9DB;  
border-bottom-color: currentColor;  
border-bottom-style: none;  
border-bottom-width: 0px;  
border-left-color: currentColor;  
border-left-style: none;  
border-left-width: 0px;  
border-right-color: currentColor;  
border-right-style: none;  
border-right-width: 0px;  
border-top-color: currentColor;  
border-top-style: none;  
border-top-width: 0px;  
clear: both;  
height: 1px;  
overflow-x: hidden;  
overflow-y: hidden;  
}  
#mchatBtn, #ldF18, #ldF19, .reglon, .pollBut {  
background-attachment: scroll;  
background-clip: border-box;  
background-color: transparent;  
background-image: url("http://zornet.ru/Ajaxoskrip/Abren/podrobno.png");  
background-origin: padding-box;  
background-position: 0px 0px;  
background-repeat: repeat;  
background-size: auto;  
border-bottom-color: #FFFFFF;  
border-bottom-left-radius: 3px;  
border-bottom-right-radius: 3px;  
border-bottom-style: solid;  
border-bottom-width: 0px;  
border-left-color: #FFFFFF;  
border-left-style: solid;  
border-left-width: 0px;  
border-right-color: #FFFFFF;  
border-right-style: solid;  
border-right-width: 0px;  
border-top-color: #FFFFFF;  
border-top-left-radius: 3px;  
border-top-right-radius: 3px;  
border-top-style: solid;  
border-top-width: 0px;  
color: #505252;  
cursor: pointer;  
font-size: 8pt;  
height: 25px;  
padding-bottom: 3px;  
padding-left: 5px;  
padding-right: 5px;  
padding-top: 0px;  
width: 85px;  
}  
#catitle a {  
color: #FFFFFF;  
font-family: "Arial", "Helvetica", sans-serif;  
font-size: 17px;  
font-style: normal;  
font-variant: normal;  
font-weight: 700;  
line-height: normal;  
margin-bottom: 0.2em;  
margin-left: 7px;  
text-decoration: none;  
text-shadow: -1px 0px #2D2F32, 0px -1px #2D2F32, 1px 0px #2D2F32, 0px 1px #2D2F32, -1px -1px #2D2F32, 1px 1px #2D2F32, -1px 1px #2D2F32, 1px -1px #2D2F32, 1px 0px 4px #2D2F32, 0px 0px 1px #2D2F32, 0px 0px 3px #2D2F32, 0px 0px 1px #2D2F32, 0px 0px 3px #2D2F32, 0px 0px 4px #2D2F32, 0px 0px 4px #2D2F32, 0px 0px 4px #2D2F32, 0px 0px 4px #2D2F32, 0px 0px 4px #2D2F32;  
}
13.04.2014 Просмотров: 779 Комментарий: (3)

Поделиться в социальных сетях

Материал разместил

Комментарий: 3
Kosten
Kosten 17.04.2014 12:131
0
Если не влазит в css можно сделать файлом.
Lex
Lex 17.04.2014 16:192
0
Полезная штука
Kosten
Kosten 17.04.2014 16:233
0
Lex, покажи скрипт как изменилось.. приветствую.
avatar