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

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

Линейная форма входа на сайт, на основе стандартной формы входа.
Стандартная форма входа на сайт состоит из нескольких отдельных элементов, как связанных функционально, так и работающих отдельно, независимо от других частей формы. Условно форма входа делится на две отдельные независимые функционально части. Первая, основная, это UID вход на сайт, является отдельной единой независимой по функционалу частью формы входа и состоит из единственной кнопки-ссылки. Вторая, вспомогательная часть, это "Старая форма входа" состоящая из нескольких функционально зависимых друг от друга и нескольких функционально отдельных элементов формы. "Старая форма входа" состоит из независимых, не влияющих на другие части частей: ссылки - "забыл пароль", "регистрация" в виде текстовых строк и "помошник" в виде иконки сервиса. Так же "Старая форма входа" состоит из зависимых друг от друга, составляющих единый функционал формы частей: поля ввода Email (логина, ника при локальной регистрации на сайте), поля ввода пароля доступа, кнопки "вход" и элемента управления формы - флажок (checkbox).

Содержание материала по формату MP3
1. HTML исходный текст стандартнорй формы входа,
2. Исходный текст кнопки UID входа,
3. Исходные тексты ссылок формы входа,
4. Исходный текст сокращённой формы входа,
5. HTML и CSS сокращённой формы входа,
6. Скриншот линейной формы входа.
1 . Исходный текст стандартной формы входа
only for ucoz
Исходный текст стандартной формы входа
2 . Исходный текст кнопки UID входа
only for ucoz
Исходный текст кнопки UID входа, кнопка вызова старой формы входа не показана
Исходный текст кнопки вызова старой формы входа
Адрес сайта для которого предназначена кнопка UID входа, уазываемый в скрипте кнопки написан сокращённо, только само название без http://, без доменов всех уровней и приписанной односимвольной приставкой в самом начале - 6ru-drive-iii. Для каждого сайта этот текстовый фрагмент скрипта индивидуален. Конкретное значение можно определить только просмотрев исходный текст UID формы входа.
3 . Исходные тексты ссылок формы входа
only for ucoz
Исходный текст ссылки вызова окна Помошника
Ссылка вызова окна Помошника не является обязательной, функционально не влияет на работу функции входа на сайт.
Исходный текст ссылки вызова процедуры регистрации, страницы регистрации UID пользователя
Ссылка вызова процедуры регистрации не является обязательной, функционально не влияет на работу функции входа на сайт. Но необходима, если на сайте нужна UID регистрация пользователей и на сайте нет других ссылок на страницу регистрации пользователя.
Исходный текст ссылки напоминания пароля пользователя
Ссылка напоминания пароля не является обязательной, функционально не влияет на работу функции входа на сайт. Но необходима, если на сайте нужна UID регистрация или регистрация локальных пользователей. Вследствии чего и может возникнуть необходимость в данной функции, при отсутствии на сайте иных ссылок выполняющих функцию напоминания пароля.
4 . Исходный текст сокращённой формы входа
only for ucoz
Исходный текст сокращённой формы входа
HTML, исходный текст формы входа сокращён максимально, удалены стандартные стили, теги, атрибуты. Для придания форме входа динамично эластичных свойств достаточно задать несколько стилей для всех элементов, тегов формы.
5 . HTML и CSS динамично эластичной формы входа
only for ucoz
Исходный текст, html и css динамично эластичной формы входа
Элемент формы - флажок, включающий по умолчанию запонинание на сайте данных входящего пользователя, в данной форме так же активировн но скрыт в css по своему классу - .check {display: none;}. Следует обратить внимание на строки-фрагменты исходного текста формы - id="frmLg549857" и onsubmit="sendFrm549857. Эти фрагменты индивидуальны для каждого сайта. Конкретное значение этих атрибутов формы можно определить при просмотре в исходном тексте стандартной формы входа. Основную роль в придании динамично эластичных свойств форме входа, играют стили определяющее размер шрифта, отсупы содержимого полей ввода (Email, пароль) для (вводимого текста) и кнопки (надпись - Вход) от внешних границ элементов.
6 . Скриншот линейной формы входа
only for ucoz
Скриншот 1. Скриншот линейной формы входа полученной в результате сокращения исходного текста стандартной формы входа и придания ей динамично эластичных свойств.
6 . 1 . Скриншот 1
Связанные материалы
1. Скрипт масштабирования шрифтов
2. Общий фон страницы сайта
3. Шапка, верхняя часть сайта
4. Формы поиска по сайту
5. Flash проигрыватель формата FLV
6. Форма обратной связи
7. Flash проигрыватель формата MP3
8. Представление PDF формата
9. Динамично эластичный тип макета
olympic
Динамично эластичный тип макета ─ dynamically expandable elastic / double adaptive dynamically expandable elastic.
It is made priority in Russia DEE ― DAD-EE ™, Profile SV_team_ESQ
Esq team Copyright © 27.04.2009 ─ Яндекс.Метрика