0
Вид Поиска
Автор Makepuff, 23 авг. 2014 23:57
Сообщений в теме: 7
#1
Отправлено 23 Август 2014 - 23:57
Подскажите пожалуйста можно ли изменить вид поиска на тот что на рисунке художник что же сделаешь))
#2
Отправлено 24 Август 2014 - 07:51
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; }
#3
Отправлено 24 Август 2014 - 11:31
Все круто,лупу подвинуть надо и при клике на поиск выделяется оранжевый прямоугольник(рамка) как его убрать? http://teslatown.storeland.ru/
#4
Отправлено 24 Август 2014 - 11:38
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; }
#5
Отправлено 24 Август 2014 - 12:00
оо да,спасибо большое
#6
Отправлено 25 Август 2014 - 16:40
Помогите плиз, после этих изменений поля по всему сайту пропали ( при регистрации или заполнении каких либо данных, связь с администрацией)
#7
Отправлено 25 Август 2014 - 16:46
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; по Вашему усмотрению.
#8
Отправлено 25 Август 2014 - 19:54
Спасибо
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных