Ver.mod. 03.12.2013
C чего начинается Родина, с картинки в твоём букваре ...

Техника создания Динамично эластичного типа макета для страниц сайта.
Форма индексированного поиска по сайту, форма поиска материалов по модулю.

Форма индексированного поиска по по всем страницам сайта, выводится стандартно кодом - $SЕАRСН_FОRМ$. Так же на сайтах сервиса есть и иная форма поиска, форма поиска материалов по конкретному модулю, выводимая кодом - $МОDULЕ_SЕАRСН_FОRМ$.
Применять обе формы поиска на сайте DEE в виде системных кодов недопустимо. Невозможность их применения в виде кодов связана с тем что по умолчанию размеры элементов формы привязаны к пикселям. Формы поиска по умолчанию не являются DEE совместимыми из за невозможности их масштабирования в соответствии с идеологией динамично эластичного макета. Установка форм входа в виде исходных текстов позволяет сделать их полнстью совместимыми и управляемыми по дизайну, по внешнему виду.
Содержание материала по формам поиска
1. Исходный текст формы индексированного поиска,
2. Исходный текст формы поиска по модулю,
3. Оптимизация исходных текстов поисковых форм,
4. Скриншот стандартной и линейной формы поиска,
5. Адаптация форм под DEE,
6. Отличия и особенности форм поиска.
1 . Исходный текст формы индексированного поиска
only for ucoz
Исходный текст, html формы индексированного поиска по сайту.
2 . Исходный текст формы поиска по модулю
only for ucoz
Исходный текст, html формы поиска по модулю сайта.


При копировании и дальнейшем использовании на сайте в качестве фрагмента шаблона, исходнго текста приведённого в примере, системный код:

$МОDULЕ_ID$

следует заменить им же, скопировав его из списков кодов в Панели управления сайта.
Скопированные отсюда работать не будут.
3 . Оптимизация исходных текстов поисковых форм
only for ucoz
Первым этапом адаптации формы поиска является удаление из html исходного текста лишних, устаревших, тегов и стилей с целью минимизировать html формы.
Исходный текст, html формы индексированного поиска после оптимизации.
Исходный текст, html формы поиска по модулю после оптимизации.


При копировании и дальнейшем использовании на сайте в качестве фрагмента шаблона, исходнго текста приведённого в примере, системный код:

$МОDULЕ_ID$

следует заменить им же, скопировав его из списков кодов в Панели управления сайта.
Скопированные отсюда работать не будут.
4 . Скриншот стандартной и оптимизированной форм
only for ucoz
Скриншоты 1 и 2. Скриншоты формы поиска, практически ни чем не отличаются. Только оптимизированный html формы на скриншоте 2 позволяет выложить фому поиска в одну строку, сделать её линейной.
4 . 1 . Скриншот 1
4 . 2 . Скриншот 2
5 . Адаптация стилями html текста форм под DEE
only for ucoz
Адаптация заключается в задании стилей классов поискового поля и кнопки формы поиска. Длинны, размера шрифта и отступов для вводимого текста от границ поля ввода поискового запроса. Длинны - высоты кнопки, размера - цвета шрифта, отступа кнопки от поля ввода.
HTML, CSS формы индексированного поиска адаптированной под DEE.
HTML, CSS формы поиска по модулю адаптированной под DEE.


При копировании и дальнейшем использовании на сайте в качестве фрагмента шаблона, исходнго текста приведённого в примере, системный код:

$МОDULЕ_ID$

следует заменить им же, скопировав его из списков кодов в Панели управления сайта.
Скопированные отсюда работать не будут.
6 . Отличия и особенности форм поиска
only for ucoz
Формы поиска, по индексированному поиску по всему сайту и поиска по модулю отличаются друг от друга. Формы отличаются значением атрибута action. Для поиска по сайту это - /search/, а для поиска по модулю это адрес модуля из системных кодов - $МОDULЕ_ID$. Так же поиск по модулю отличен тегом input скрытого типа.
Отличия форм.
Ещё одно отличие характерно для формы поиска по модулю. Это отличие заключается в разном значении арибута value для форм располагаемых в разных модулях. Кроме того у формы модуля Видео, так же иное значение атрибута name.
Отличия формы поиска по модулю, по разным модулям.

Отличия формы поиска по модулю, Модуля видео.
Связанные материалы
1. Скрипт масштабирования шрифтов
2. Общий фон страницы сайта
3. Шапка, верхняя часть сайта
4. Форма входа на сайт
5. Форма обратной связи
6. Flash проигрыватель формата FLV
7. Flash проигрыватель формата MP3
8. Представление PDF формата
9. Динамично эластичный тип макета
olympic
Динамично эластичный тип макета ─ dynamically expandable elastic / double adaptive dynamically expandable elastic.
It is made priority in Russia DEE ― DADEE ™,
Esq team Copyright © 27.04.2009 ─ Яндекс.Метрика