Помогите подправить дизайн!

Тема в разделе "Веб-дизайн", создана пользователем Хомячок, 20 окт 2010.

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

    Хомячок

    Регистр.:
    10 апр 2008
    Сообщения:
    184
    Симпатии:
    103
    Делал дизайн под маленькое разрешение, там было все норм, а потом протестировал на большом и оказалось что при растягивании черный фон заходит слева и справа. Вот скрин:
    http://i055.radikal.ru/1010/5f/d60ddcb02344.jpg

    Вот сам дизайн:
    http://vipsurf.freehostia.com/

    Помогите пожалуйста решить этот косяк, дизайнер из меня не очень, но стараюсь) Пытался сделать горизонтальный градиентный переход между черным и коричневым, но он у меня не получается таким плавным, как надо. Есть еще вариант скопировать из имеющейся картинки вертикальный градиентный переход, но там у меня проблема с реализацией этого в css. Буду рад любой помощи)
     
    krast90 нравится это.
  2. Conwell

    Conwell

    Регистр.:
    23 мар 2009
    Сообщения:
    337
    Симпатии:
    177
    Вариантов решения два:
    1. ev_bg1.png сделать большего размера по ширине до 2048 пикселей (хотя это слишком много)(большой вес картинки получится)
    2. в body сделать бэкграундом градиент из коричневого в черное от "ev_bg1.png" шириной в 5 пикселей и пусть себе растягивается хоть до 2048 прописать repeat-x для него.

    по мне, предпочтительней второй вариант.
     
    Хомячок нравится это.
  3. bork75

    bork75 Д☼брая собака )

    Регистр.:
    21 июн 2008
    Сообщения:
    1.449
    Симпатии:
    716
    Отрежь последние 2-4 px (сохрани в png) от коричневого градиента во всю длину и впиши в body
    HTML:
    {background: url("") repeat-x top left;}
     
    Хомячок нравится это.
  4. Хомячок

    Хомячок

    Регистр.:
    10 апр 2008
    Сообщения:
    184
    Симпатии:
    103
    Спасибо всем за помощь, все теперь получилось. И как я сам сразу не догодался! :yahoo:
     
    krast90 нравится это.
Статус темы:
Закрыта.