Статьи по html
![Выдвигающаяся из значка форма поиска на сайте](http://loco.ru/images/materials/2017/11-27-vydvigayushchayasya-iz-znachka-forma-poiska-na-saite.jpg)
|
Бывает форму поиска негде впихнуть в дизайне шапки сайта. Нужно выделить поле для ввода запроса поиска, но если этим поиском не часто пользуются, то хочется сэкономить место. Хорошим решением будет, не убирать совсем форму поиска, а оставить иконку значка поиска, при клике по которой выдвигается всё поле для введения запроса.
|
![Нет картинки](http://loco.ru/images/pics/noimage.gif)
|
placeholder - это атрибут в html5, который выводит текст внутри поля input, и этот текст исчезает, когда пользователь начинает там писать свой текст. Это нужно, например, в форме поиска, чтобы убрать текст подсказки внутри неё при клике по ней.
|
![Замена текста при наведении на него мышью. События onmouseover и onmouseout](http://loco.ru/images/materials/2016/03-25-zamena-teksta-pri-navedenii-na-nego-myshyu-sobytiya.jpg)
|
Делаем подмену текста при наведении мышью.
|
![Как сделать какую-либо область на сайте кликабельной ссылкой?](http://loco.ru/images/materials/2015/08-11-kak-sdelat-kakuyu-libo-oblast-na-saite-klikabelnoi.jpg)
|
Логотип оказался на самом изображении в хедере сайта. Сделать весь верх ссылкой на главную страницу как-то неправильно. Текст тоже особо не впишется. Делаем просто область поверх хедера, которая наслаивается на то место, где представлен логотип на основной большой картинке в шапке.
almix |
11 августа 2015 |
обновлено: 11 августа 2015 |
|
Категории: HTML, CSS
|
![Красивое выравнивание характеристик на странице товара с отступами, отмеченными точками](http://loco.ru/images/materials/2015/06-29-krasivoe-vyravnivanie-harakteristik-na-stranice.jpg)
|
Выравнивание в колонки характеристик с отступами, отмеченными точечками, как это делают в оглавлениях книжек. Придаёт ясности и быстроту восприятия информации, а значит посетитель быстро сориентируется на карточке товара и выудит интересующие его характеристики. Сделайте простой шаг навстречу людям и люди к вам потянутся!
|
![Сделать слайдер на Owl Carousel c текстом справа](http://loco.ru/images/materials/2015/01-31-sdelat-slaider-na-owl-carousel-c-tekstom-sprava.png)
|
Как с помощью слайдера Owl Carousel сделать слайдер с отзывами, где кроме картинок есть справа текст отзыва.
|
![Добавление сторонних шрифтов от Google на свой сайт](http://loco.ru/images/materials/2015/01-22-dobavlenie-storonnih-shriftov-ot-google-na-svoi-sait.png)
|
Как быстро встроить и использовать на своём сайте шрифты от Google.
|
0
![DHTMLX: Фильтрация в колонке типа Subgrid, вложенной в Grid](http://loco.ru/images/materials/2013/08-04-dhtmlx-subgrid-filtering.jpg)
|
Наконец-то нашёл как сделать фильтрацию по значениям столбца типа Subgrid внутри основного Grid. Или, проще, фильтрацию значений в таблице, которая выпадает при клике в ячейке основной таблицы. Так как в этом столбце в базу сохраняются id элементов подключаемого grid, то и фильтрация велась именно по id, а не по отображаемым именам. Какашка. Но теперь мы её победили, йоу.
|
![TeamSense: username (логин) в регистрации пользователя. Внедрили библиотеку DHTMLX в TeamSense.](http://loco.ru/images/materials/2013/01-11-teamsense-dobavil-username-v-registraciyu-polzovatelya.jpg)
|
В новый год с новыми идеями. Для картотеки внедрил библиотеку компонентов DHTMLX для пущей свободы.
|
![DHTMLX и Yii: как использовать условия в выборке из базы данных.](http://loco.ru/images/materials/2013/01-02-dhtmlx-i-yii-kak-ispolzovat-usloviya-v-vyborke-iz-bazy.jpg)
|
DHTMLX и Yii: как использовать условия (findAll) в выборке из базы данных.
|
583573537522519504501395332327
Календарь