Archive for the 'web' Category

Часики

монетизация

Спрашивали на днях про монетизацию. Идет набор в новую тизерную сеть, взято попробовать, сыровато, но работает.

logo.gif

Вебмастера, жаждущие цеплять к себе, жамкаем на баннер.

Образец применения — в Библиотеке умных книг внизу страницы.

Что читать и куды бечь осваивающим веб дизайн

  • http://wdh.suncloud.ru/ — справочник Лукача, русский, рекомендуется прочесть и держать в дальнейшем под рукой для справки.  (временно недоступен, будем надеяться, они исправятся)
  • http://www.w3schools.com/ — оч богатый и полезный, но англоязыкий ресурс.
  • http://editplus.com/ — редактор, по мне так самый удобный для работы с кодом
  • http://www.w3.org/ — тут живут веб-стандарты
  • http://apache.org/ — тут растет апач
  • http://php.net/ — тут растет php со всеми мануалами и проч.

предложения о пополнении списка приветствуются.

дополнения:

  • http://htmlbook.ru/ — сайт посвящен языку HTML, CSS, веб-дизайну, графике и процессу создания сайтов.

Пуговка

лого с шариком

однородные кнопочки

postcard_txt1.jpg postcard.jpg

Контакты (куча вариантов) и Клиентам в одном архивчике

logo_2010_4.gif e_2.gif logo_2010_4.jpg logo_2010_3.jpg logo_2010_2.jpg logo_2010_1.jpg logo_2010.jpg

черновичок

pre.jpg

Очереди на гос. услуги

gosuslugiru.jpg

Судя по постоянным таймаутам и неполной загрузке элементов сайта даже при успешном коннекте, очереди на государственные услуги являются неотъемлемой их частью и в виртуальном пространстве.

делаем бэкграунд

bg_example.jpg

Вверху — исходная картинка, выделяем серединку в размер контента, жмаем в фотожабе ctrl+U (Hue/Saturation), там ставим галочку colorize и сводим тон изображения к нужному, меняя Hue и Saturation.

Затем осветляем посредством Lightness (тоже там же) . Все красиво — жмаем ок.

Копируем в отдельный файл нижний край картинки (лучше, если он будет более-менее однородный или градиентный, чтобы не плодить полосы — в нашем случае для этого сделан вертикальный градиент снизу вверх из белого в прозрачный в нижней части средней полосы)  — это будет общий бэк с вертикальным repeat.

А большая картинка — соответственно, в следующем слое, без повтора, с выключкой вверх – по центру.

Эскиз 2

template02.jpg

Эскиз 1

template01.jpg