[вопрос] Оформление форм и текстовых полей

Тема в разделе "Веб-дизайн", создана пользователем judex, 12 янв 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. judex

    judex

    Регистр.:
    23 дек 2006
    Сообщения:
    238
    Симпатии:
    72
    Добрый день!
    На сайте, с достаточно стильным дизайном (круглые углы, глянцевые кнопки и т.д) ужасно смотрятся поля для ввода пароля и прочие элементы.

    Ставил niceforms 2.0, достаточно много проблем (с кривыми ручками? :) ).

    Вобщем можно ли как-то красиво все оформить без использования джава скрипта?
     
  2. a33

    a33

    Регистр.:
    8 сен 2006
    Сообщения:
    219
    Симпатии:
    54
    вобщем делаешь так:

    1) Если у тебя просто инпут:

    к элементу <form> присваиваешь css с бекграундом от этой формы.
    к элементу <input> бекграунд с закругленными углами присваивать нельзя - будут глюки в ИЕ6 при вводе большого текста.

    2) если у тебя более сложная форма:
    Каждый инпут обертывать в див и делать ему тоже самое. А самому инпуту делать CSS background:none; border:none;

    Вот такие вот дела. это вполне достаточно чтобы победить все инпуты. Для красивых чекбоксов и дропдаунов - уже яваскрипт прийдется использовать.
    Мне понравилось оформление инпутов на покупаторе на шаге2 http://pokupator.ru
     
  3. biznesoft

    biznesoft

    Регистр.:
    11 фев 2008
    Сообщения:
    510
    Симпатии:
    128
    Стилизация элементов формы — подборка решений
    http://vremenno.net/js/styled-forms-elements/

    38 статей о создании закругленных углов на сайтах
    http://habrahabr.ru/blogs/webdev/30019/
     
Статус темы:
Закрыта.