Поиск по сайту
Autor: Андрей Г.Здравствуйте уважаемые разработчики.
В надежде что с 11 версии программы добавится объект поиск по сайту - решил написать и попросить разработчиков сделать полноценный фунциональный объект "Поиск по сайту".
Может многие понимают что сделать самому поиск не так то просто, а именно настроить его под дизайн своего сайта. Я уже даже и не говорю про "Программируемую поисковую систему сайта" от Google которая почти не настраивается визуально по внешнему виду но и не исправленные баги с окном поиска где в поле поиска не видно ваш поисковой запрос так как шрифт сливается фоном поиска... Да и прозрачность у них отсутствует от слова - совсем. Они не знают что есть такое и суют цветовой фон объекта поиска, который еще и повысоте не всегда поместится даже в шапку сайта.
Поиск от яндекса - ну куда не шло, но не всем он доступен и тем более что поиск от Google и яндекса - будут только на индексированных страницах...
Но сделать объект "Поиска" на базе HTML 5 - наверно не так и сложно, тем более что у вас и так за кредиты (если кто приобрел) - добавлен "Шрифт Awesome" который входит в коллекцию масштабируемых векторных иконок HTML 5...
Если кто не приобрел - можна скачать шрифты и установить. Включает в себя 605 иконок. Но мое мнение что устанавливать не родное и не оптимизированное - кощунство, так что устанавливайте объект "Font Awesome Icons", чтобы потом не иметь проблемы с оптимизацией... Да и масштабирование и эфекты иконок - тут разработчики WebSite X5 - довели до совершенства !
Ну и как вам известно, с помощю элементарных кодов HTML и CSS можна создать любого вида (даже не предсказуемый) - поиск по сайту. И самое главное - прозрачность. Ну например:
При чем это простой код и легко настраивается.
Например HTML код
<form>
<input type="text" placeholder="...">
<button type="submit"></button>
</form>
и в Эксперте - код CSS
* {box-sizing: border-box;}
form {
position: relative;
width: 100px;
margin: 0 auto;
}
input, button {
border: none;
outline: none;
border-radius: 3px;
}
input {
width: 100%;
height: 22px;
background: #F9F0DA;
padding-left: 15px;
}
button {
height: 26px;
width: 26px;
position: absolute;
top: 8px;
right: 8px;
background: black;
cursor: pointer;
}
button:before {
content: "\f08b";
font-family: FontAwesome;
color: #F9F0DA;
font-size: 20px;
font-weight: normal;
}
- где content: "\f08b"; - одна из 605 иконок с шрифта Awesome. А их там - 605 !
Спасибо что прочитали до конца, надеюсь что такой объект как поиск - появится в Объектах. Пусть даже за кредиты, но адекватно настраиваемый со всеми возможностями...
Ну и еще раз спасибо разработчикам за новые объекты которые можна добавить на сайт !
No hay comentarios