Сообщений в теме: 7

[Makepuff]

Подскажите пожалуйста можно ли изменить вид поиска на тот что на рисунке художник что же сделаешь))

Прикрепленные изображения

• 

[Danil]

Makepuff (23 Август 2014 - 23:57) писал:

Подскажите пожалуйста можно ли изменить вид поиска на тот что на рисунке художник что же сделаешь))

Здравствуйте.
Найдите в main.css код

#header #search {
position: relative;
float: right;
top: 55px;
right: 600px;
margin-bottom: 9px;
width: 225px;
z-index: 15;
}

И замените на

#header #search {
position: relative;
float: right;
top: 55px;
right: 600px;
margin-bottom: 9px;
width: 314px;
z-index: 15;
border-bottom: 2px solid #F00;
}

Далее найдите код

#header .button-search {
position: absolute;
right: -93px;
top: 0px;
background: url('http://fafcfads.storeland.net/button-search.png') center center no-repeat;
width: 36px;
height: 36px;
cursor: pointer;
background-color: #333333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
border: none;
}

И замените на

#header .button-search {
position: relative;
right: -11px;
top: 3px;
background: url('{ASSETS_IMAGES_PATH}button-search.png') center center no-repeat;
width: 36px;
height: 36px;
cursor: pointer;
background-color: #333333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
border: none;
}

После найдите код

input[type='text'], input[type='password'], textarea, .inputText {
padding: 4px;
background: #f8f8f8;
border: 1px solid;
border-color: #ddd #eee #eee #ddd !important;
border-radius: 2px !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
margin-left: 0;
margin-right: 0;
}

И замените на

input[type='text'], input[type='password'], textarea, .inputText {
padding: 4px;
background: #FFFFFF;
border: 1px solid;
border-color: #FFF #FFF #FFF #FFF !important;
border-radius: 2px !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
margin-left: 0;
margin-right: 0;
}

[Makepuff]

Все круто,лупу подвинуть надо и при клике на поиск выделяется оранжевый прямоугольник(рамка) как его убрать? http://teslatown.storeland.ru/

[Danil]

Makepuff (24 Август 2014 - 11:31) писал:

Все круто,лупу подвинуть надо и при клике на поиск выделяется оранжевый прямоугольник(рамка) как его убрать? http://teslatown.storeland.ru/

В main.css найдите код

#header .button-search {
position: relative;
right: -11px;
top: 3px;
background: url('http://teslatown.storeland.net/button-search.png') center center no-repeat;
width: 36px;
height: 36px;
cursor: pointer;
background-color: #333333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
border: none;
}

И замените на

#header .button-search {
position: relative;
right: -11px;
top: 3px;
background: url('http://teslatown.storeland.net/button-search.png') center center no-repeat;
width: 36px;
height: 36px;
cursor: pointer;
background-color: #333333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
border: none;
float: right;
}

Далее в main.css добавьте код

#search input:focus {
outline: none;
}

[Makepuff]

оо да,спасибо большое

[Makepuff]

Помогите плиз, после этих изменений поля по всему сайту пропали ( при регистрации или заполнении каких либо данных, связь с администрацией)

[Alekseys]

Makepuff (25 Август 2014 - 16:40) писал:

Помогите плиз, после этих изменений поля по всему сайту пропали ( при регистрации или заполнении каких либо данных, связь с администрацией)

Здравствуйте.
в main.css найдите

input[type='text'], input[type='password'], textarea, .inputText {
padding: 4px;
background: #632525;
border: 1px solid;
border-color: #FFF #FFF #FFF #FFF !important;
border-radius: 2px !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
margin-left: 0;
margin-right: 0;
}

и отредактируйте background: #632525; и border-color: #FFF #FFF #FFF #FFF !important; по Вашему усмотрению.

[Makepuff]

Спасибо