Разработка сервиса сайта на PHP на примере партнерской программы. Урок 1. Макет дизайна.
Что бы смотреть урок полностью, подпишитесь на платный раздел.
В платном разделе статья находиться здесь.
Исходники к уроку вы можете скачать в платном разделе.
Сначала мы разработаем макет для партнерского кабинета:
Что будет представлять собой первичный макет? Простой HTML - текст, в который мы в дальнейшем будем вставлять PHP вставки. А всю логику работу партнерки, реализуем, естественно, на объектно-ориентированном программировании. И так, как же устроен этот макет? Очень просто...
...
... Оформление макета (цвета, параметры текста) реализуем через внешний CSS файл styles.css. Подробнее о CCS см. тут и здесь. По HTML можно почитать еще вот тут.
И так, вот как выглядит наш файл CSS стилей...
...
... Если не нравиться мой вариант оформления, можете поэкспериментировать с CSS-файлом. Например, у меня при наведении на не посещенную ссылку мышкой она становиться красной:
Вам это не нравиться? Хотите что бы ссылка становилась черной на желтом фоне? Ноу проблэм. Меняем элемент ...
...
... И вуаля:
Попробуйте.
Аналогично можно настроить вид для посещенной ссылки при наведении мыши, а так же вид посещенной и не посещенной ссылки без наведения мыши...
...
... Можно поменять внешний вид кнопочек:
например сделать у них рамку:
Для этого достаточно внести изменения в...
...
Этим же элементом можно отрегулировать местоположение кнопок...
...
... Будет выглядеть так:
Аналогично можно настроить и другие элементы макета....