Заканчивая «причесывать» свой блог, мне оставалось лишь приделать форму подписки на RSS. В итоге это затянулось на несколько часов :)
Нет, вы не подумайте, что мне не хватило ума вставить простой код от FeedBurner :) Просто, мне вдруг до безобразия захотелось сделать для этой формы какой-то эффектный дизайн…
Сначала хотелось сделать форму как можно компактнее, без лишних кнопок, заголовков и т.д.
В итоге получилось такое:
Но и этого мне было мало :)
Выглядит компактно, но мне еще нужо было куда-то разместить пару счетчиков с числом подписчикови кнопку Яндекс.Ленты. Тогда, я вспомнила о статье "5 способов увеличить свободное пространство на странице". Не зря же переводила :)
Задача была в том, чтобы реализовать 2 свойства в одном, а именно: компактность + максимум содержания = идеальная форма. И тогда сначала получилось вот что:
При нажатии на форму, выпадает поле для ввода адреса
И уже как следствие:
Если у вас много разных кнопочек, то можно сделать например так: взять за основу форму с выпадающим полем, но при нажатии будет выезжать не поле, а весь этот блок. И эффектно и компактно :)
P.S. Если вам понравился дизайн, то файл со всеми формами можно скачать тут в формате png.
Нет, вы не подумайте, что мне не хватило ума вставить простой код от FeedBurner :) Просто, мне вдруг до безобразия захотелось сделать для этой формы какой-то эффектный дизайн…
Сначала хотелось сделать форму как можно компактнее, без лишних кнопок, заголовков и т.д.
В итоге получилось такое:
Но и этого мне было мало :)
Выглядит компактно, но мне еще нужо было куда-то разместить пару счетчиков с числом подписчикови кнопку Яндекс.Ленты. Тогда, я вспомнила о статье "5 способов увеличить свободное пространство на странице". Не зря же переводила :)
Задача была в том, чтобы реализовать 2 свойства в одном, а именно: компактность + максимум содержания = идеальная форма. И тогда сначала получилось вот что:
При нажатии на форму, выпадает поле для ввода адреса
И уже как следствие:
Если у вас много разных кнопочек, то можно сделать например так: взять за основу форму с выпадающим полем, но при нажатии будет выезжать не поле, а весь этот блок. И эффектно и компактно :)
P.S. Если вам понравился дизайн, то файл со всеми формами можно скачать тут в формате png.