Рейтинг: 4.1/5.0 (249 проголосовавших)Категория: Шаблоны
В этом уроке мы создадим две формы на HTML5, которые будут переключаться между собой, не занимая много места. Изначально видна форма входа на сайт,а внизу данной формы можно переключиться на форму регистрации, при этом одна форма сменит другую с красивым эффектом.
Пример разных видов переключения форм можно увидеть здесь:
Формы будут работать только в браузерах, которые поддерживают псевдоэлемент :target. поэтому если решите применять данную форму у себя на сайте, необходимо сделать так, чтобы был вариант при котором форма будет работать и в других браузерах.
HTML частьМы помещаем две формы, а одну скрываем с помощью CSS:
Мы используем некоторые элементы HTML5, такие как <input type=»password»>. а также <input placeholder=»sitehere или sitehere.ru@my.com»/> для того чтобы на писать внутри input-а некоторы текст для примера. Еще мы использовали атрибут required для обязательного заполнения поля. И мы нигде не используем Javascript.
Здесь будут использоваться свойства, которые могут не работать во всех браузерах.
Итак, начнем. Зададим основные стили для наших форм:
Здравствуйте, дорогие читатели блога. В это день я в очередной раз спешу представить Вам самую свежую и бесплатную подборку классных HTML и CSS шаблонов, как обычных так и с адаптивным дизайном.
Друзья, всё остаётся неизменным, ссылки на шаблоны прямые, а так же везде присутствуют примеры.
И так же я настоятельно рекомендую Вам посмотреть прошлые подборки с шаблонами для сайта:
Шаблон для фитнес компаний — HealthFitness
Ниже представлены уменьшенные изображения макетов готовых бесплатных шаблонов для сайтов. Рядом указан приблизительный размер архива.
ВАЖНО: Это профессиональные шаблоны - НЕ ДЛЯ НОВИЧКОВ.
Как минимум вы должны хорошо владеть HTML и CSS.
Некоторые шаблоны содержат две версии: обычный HTML и Flash-вариант.
ВНИМАНИЕ! Все права на шаблоны указаны в их копирайтах.
Профессиональный шаблон подразумевает тот факт, что Вы обладаете необходимыми навыками и знаниями, чтобы разобраться в нюансах верстки и дизайна сайта. При этом следует внимательно ознакомиться с информационным файлом (если таковой имеется), сопровождающим шаблон, в котором описаны нюансы инсталляции и авторские права.
Следует иметь ввиду, что верстка сайта в шаблоне не является идеальной - всегда можно что-то улучшить. В частности, очень многие шаблоны "грешат" перегруженностью вложенных таблиц, что несколько замедляет скорость загрузки сайта.
Чтобы лучше понять что же из себя представляет шаблон - скачайте один из шаблонов - Скачать шаблон
Если хотите более подробно ознакомиться с каким-либо шаблоном - маякните на urikor@list.ru
Ниже представлен полный список бесплатных шаблонов для сайтов тематики "Персональные странички" (29 шаблонов). Для просмотра увеличенной картинки шаблона щелкните на ссылке "Увеличить..".
№ 3070 Увеличить..
Архив 17,0 Mb
Моя домашняя страничка:
№ 3103 Увеличить..
Архив 1,97 Mb
Не стоит забывать о том, что все мы являемся уникальными. Не существует одинаковых людей. Почти каждому из нас есть, что рассказать и поделиться с остальными, но не всегда есть такая возможность.
Представляем вашему вниманию подборку отличных бесплатных шаблонов для создания блогов, личных страничек, сайтов-визиток и т.д. Просто зарегистрируйтесь на сайте CoolTemplates.ru и скачивайте без ограничений любой понравившийся шаблон из нашей коллекции.
Сегодня многие пользователи по всему миру уже имеют собственные страницы, если вы все еще не обзавелись своим веб-проектом, предлагаем заняться этим прямо сейчас. Индивидуальный проект — путь к новым горизонтам, нахождение новых друзей и людей со схожими интересами, возможность поделиться своими наблюдениями и знаниями с целым миром, рассказать о насущном или просто поведать всем забавную историю.
Хотите быть оригинальным? Загляните в коллекцию шаблонов премиум. Здесь вы точно найдете уникальных дизайн для своего сайта, блога или онлайн-дневника.
Искать бесплатные шаблоны: Премиум шаблоны персональных сайтов Бесплатные шаблоныПодготовка шаблона к предварительному просмотру.
Здравствуйте! Впервые столкнулся с данной CMS и вот возникла потребность в создании простенького личного кабинета(php-новичок). Подскажите хотя бы в каком направлении двигаться, чтобы грамотно и с меньшими затратами все сделать. В конечном итоге хочу получить что-то близко похожее к этой странице: http://www.imagecms.net/profile
При регистрации нужно вводить помимо стандартных полей: название организации, УНП, Адрес, контактный телефон + возможность прикрепить несколько файлов. Ну, и в кабинете пользователя это все должно отображаться(хотя бы только для админа).
Это все возможно сделать. Но этот функционал необходимо допиливать. Вот пример - http://confspb.ru/ Форма регистрации участников (слева в меню выбрать Мероприятие), даже двух типов. С отображением и фильтрацией в админке.
Профессиональное создание сайтов любой сложности, аудит, продвижение, а также поддержка вашего интернет ресурса - web2life.ru
TIMEWEB > Всегда больше, чем просто хостинг для ImageCMS!
