Разработка сервиса сайта на PHP на примере партнерской программы. Урок 1. Макет дизайна.

Что бы смотреть урок полностью, подпишитесь на платный раздел.

В платном разделе статья находиться здесь.

Исходники к уроку вы можете скачать в платном разделе.

Сначала мы разработаем макет для партнерского кабинета:

Что будет представлять собой первичный макет? Простой HTML - текст, в который мы в дальнейшем будем вставлять PHP вставки. А всю логику работу партнерки, реализуем, естественно, на объектно-ориентированном программировании. И так, как же устроен этот макет? Очень просто...

...

... Оформление макета (цвета, параметры текста) реализуем через внешний CSS файл styles.css. Подробнее о CCS см. тут и здесь. По HTML можно почитать еще вот тут.

И так, вот как выглядит наш файл CSS стилей...

...

... Если не нравиться мой вариант оформления, можете поэкспериментировать с CSS-файлом. Например, у меня при наведении на не посещенную ссылку мышкой она становиться красной:

Вам это не нравиться? Хотите что бы ссылка становилась черной на желтом фоне? Ноу проблэм. Меняем элемент ...

...

... И вуаля:

Попробуйте.

Аналогично можно настроить вид для посещенной ссылки при наведении мыши, а так же вид посещенной и не посещенной ссылки без наведения мыши...

...

... Можно поменять внешний вид кнопочек:

например сделать у них рамку:

Для этого достаточно внести изменения в...

...

Этим же элементом можно отрегулировать местоположение кнопок...

...

... Будет выглядеть так:

Аналогично можно настроить и другие элементы макета....