Как известно, размещение карты Google на своем сайте довольно простая задача. Однако, по-умолчанию, карта не адаптируется под размер экрана.

Используемые инструменты и технологии:

• HTML, CSS
• jQuery
• PHP
• CMS “Joomla”

Описание:

Разработана структура сайта. Из PSD-макета был создан шаблон для системы управления. Размещены и настроены необходимые модули и компоненты системы. Созданы и наполнены содержимым разделы сайта.

Недавно при разработке рассылки новостей компании, мне нужно было сверстать html-шаблон для выпусков рассылки. С этой задачей я столкнулся впервые и обнаружил для себя некоторые своеобразные моменты ее реализации. Об этом и пойдет речь в данной статье.

Практически на всех сайтах компаний, присутствует раздел «Контакты». Если у компании есть несколько филиалов в разных регионах страны, то на странице с контактами можно разместить карту, на которой обозначить города, где находятся филиалы компании. Еще будет замечательно, если название городов будут выполнены в виде ссылок, а при клике на них будет появляться всплывающий блок со схемой проезда к офису в выбранном городе. Города на карте будут обозначены небольшими квадратами, при наведении указателя мыши на название города, его обозначение на карте будет меняться.

Используемые инструменты и технологии:

• PHP
• Bitrix Framework
• HTML, CSS

Описание:

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

Как создать рассылку с использованием данного шаблона

В этой небольшой статье мне хотелось бы рассказать об одном простейшем способе размещения блока по центру окна браузера. В каких случаях может пригодиться данный метод?

Например, когда сайт закрыт для посетителей и нужно показать страничку с «заглушкой» или создать свою страничку, которую увидят посетители в случае ошибки 404 — объявление об отсутствии запрашиваемой страницы можно разместить в блоке в центре окна браузера.

Задача: создать блок с овальными уголками.

Блоки с овальными уголками очень популярны и часто встречаются на различных сайтах. Способов закруглить уголки у блоков огромное количество, их без труда можно найти в Сети. Недавно, путешествуя по просторам Интернета, я нашел интересный способ создания блока с овальными уголками. Этот метод основан на абсолютном позиционировании уголков внутри блока, а также популярном сейчас способе использования спрайтов.

Задача: создать блочную верстку макета чтобы при любом количестве текста подвал всегда был внизу окна браузера.

Используемые инструменты и технологии:

• html (xhtml 1.0 Strict)
• CSS 2.1
• JQuery
• php

Описание:

Это небольшое веб-приложение было написано мной во время изучения фреймворка JQuery. Затем калькулятор был размещен на сайте. В приложении можно выбрать тип сайта, который Вам нужен и рассчитать его стоимость с учетом дополнительных услуг. Кроме того, в приложении есть возможность выбрать услуги с уже рассчитанной стоимостью. После предварительного расчета стоимости заказ можно отправить.

Посмотреть страничку с калькулятором

Используемые инструменты и технологии:

• Adobe Photoshop CS2 (нарезка макета)
• html (xhtml 1.0 Transitional)
• CSS 2.1

Описание:

Из .psd–макета был создан кроссбраузерный блочный html–макет. На момент создания тестирование макета производилось в браузерах IE6, IE7, Firefox3, Opera9.64, GoogleChrome2, Safari4.

Открыть html–страничку макета