Инфобизнес на автопилоте

DLE 9.2

kukiman — Sun, 27 Jan 2013 19:06:55 GMT

DLE 9.2

Представляю вам многофункциональный движок для сайта DLE. На этом движке работает уже множество сайтов, т.к. он прост и удобен в обращении.

В архиве имеется инструкция по установке движка, и его настройке. Эта версия движка нулевая поэтому не требует никакой оплаты. Просто устанавливаете и пользуетесь.

Скачать:

Установка виртуального сервера

kukiman — Sun, 27 Jan 2013 19:02:39 GMT

Denwer 3

Денвер - это неотъемлемый атрибут любого вебмастера. С его помощью можно разрабатывать сайты любой сложности и проверять их работоспособность прямо на компьютере. Короче говоря - это маленький сервер в вашем ПК, который поддерживает PHP и базы данных. Если вы хотите создать сайт на движке - Денвер поможет вам его разработать, создать структуру и отредактировать шаблон. После чего вы с лёгкостью перенесете уже готовый сайт на ваш хостинг, и он станет доступен пользователям из любого уголка нашей планеты!

Установка:

Просто запустите файл .exe, и следуйте подсказкам программы установки.

Как создать новый сайт на Денвере:

1. В папке c:\WebServers\home\ создаем новую папку, имя которой так-же будет служить и адресом этого сайта.

Внимание! Никогда не создавайте папку с таким-же именем, как и у вашего будущего сайта!

Поясню: Допустим вы хотите сделать сайт на домене moysait.ru. Тогда ни в коем случае не называйте папку на денвере тем-же именем: (moysait.ru), потому что вы не сможете потом попасть на ваш настоящий moysait.ru, а всегда будете попадать на денвер.

Назовите папку просто moysait (без точки и доменной зоны).

2. В папке moysait создаём ещё одну, с названием www.

www - это будет корневой папка вашего сайта на денвере, все папки и файлы вашего сайта будут лежать в ней.

3. Перезапускаем Денвер (Restart Denwer).

4. Набираем в браузере URL: http://moysait/ - вы должны попасть на главную страницу вашего нового сайта (если конечно вы залили эту страницу в папку www)

Как создать базу данных:

1. При запущенном денвере набираем в браузере URL: http://localhost/ и попадаем на главную страницу локального сервера.

2. Находим ссылку: Заведение новых БД и пользователей MySQL и переходим по ней.

3. Заполняем необходимые поля, и жмём кнопку: Создать БД и пользователя - база данных готова!

Если есть вопросы - задавайте в комментах.

Скачать:

Отступы

kukiman — Sun, 27 Jan 2013 18:39:19 GMT

Отступы (margin)

Может определить величину отступа вокруг всего элемента или для каждой стороны в отдельности.

Свойства:

margin - определяет величину отступов.

Значения задаются любыми способами измерения принятыми в CSS.

В одной строке можно указать 4 размера одновременно, они будут действовать для каждой стороны в последовательности: (верхний правый нижний левый).

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

Примеры:

margin: 10px; // Отступ от всех сторон элемента 10 пикселей

margin: 5px 10px 15px 20px; // верхний правый нижний левый

margin-left: 10px; // Отступ задан только для левой стороны

Позиционирование

kukiman — Sun, 27 Jan 2013 18:38:16 GMT

Позиционирование

Дает возможность размещения элементов не по расположению их в коде, а конкретными координатами относительно родительского контейнера или всей страницы.

Свойства:

position - устанавливает откуда брать точки отсчета при позиционировании.

Данный атрибут обязательно должен быть указан, иначе все нижеперечисленные в этой статье свойства не будут работать.

Примеры:

position: absolute; // Отсчет берется относительно всей страницы

position: relative; // Отсчет берется относительно родительского контейнера

position: fixed; // Элемент не меняет своего положения даже при прокрутке

position: static; // Элемент отображается как и расположен в кодеЗначение по умолчанию - static

top - определяет место расположения элемента от верхней границы контейнера.

Значения указываются всеми принятыми измерениями в CSS

Пример:

top: 20px; // Элемент располагается на расстоянии 20 пикселей от верха

left - определяет место расположения элемента от левой границы контейнера.

Значения указываются всеми принятыми измерениями в CSS

Пример:

left: 30px; // Элемент располагается на расстоянии 30 пикселей слева

right - определяет место расположения элемента от правой границы контейнера.

Значения указываются всеми принятыми измерениями в CSS

Пример:

right: 40px; // Элемент располагается на расстоянии 40 пикселей справа

bottom - определяет место расположения элемента от нижней границы контейнера.

Значения указываются всеми принятыми измерениями в CSS

Пример:

bottom: 50px; // Элемент располагается на расстоянии 50 пикселей от низа

z-index - при перекрывании элемента другими определяет какой из них будет находится выше.

Значения указываются целыми числами. Например элемент со значением 5 перекрывает элемент со значением 4 и меньше.

Примеры:

z-index: 10; // Элемент перекрывает другие, у которых значение 9 и меньше

z-index: auto; // Элементы перекрываются относительно расположения в коде

Значение по умолчанию - auto

Поля

kukiman — Sun, 27 Jan 2013 18:37:00 GMT

Поля (padding)

Может определить величину полей внутри всего элемента или для каждой стороны в отдельности.

Свойства:

padding - определяет величину полей.

Значения задаются любыми способами измерения принятыми в CSS.

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

Примеры:

padding: 10px; // Поле со всех сторон элемента 10 пикселей

padding: 5px 10px 15px 20px; // верхний правый нижний левый

padding-left: 10px; // Поле задано только для левой стороны

Прозрачность

kukiman — Sun, 27 Jan 2013 18:36:21 GMT

Прозрачность (opacity)

Данное свойство определяет степень прозрачности элемента. Т.е. когда элементу присвоена частичная или полная прозрачность - сквозь него могут быть видны фон и другие элементы, перекрываемые данным элементом.

Свойства:

opacity - значения указываются числами от 0.0 до 1.0

Значение 0.0 определяет полную прозрачность элемента.

Пример:

opacity: 0.5; // прозрачность элемента ровно на половину

Значение по умолчанию - 1.0

Рамки

kukiman — Sun, 27 Jan 2013 18:35:29 GMT

Рамки (border)

С помощью этого параметра можно установить стиль, цвет и толщину рамок вокруг элемента, будь то изображение или отдельные блоки.

Свойства:

border-width - определяет ширину рамки.

Значения устанавливаются в пикселях.

Пример:

border-width: 3px; // Ширина рамки 3 пикселя

В одной строке также можно установить ширину для всех четырех сторон рамки. Первый размер указывается для верхней стороны, потом по часовой стрелке.

Пример:

border-width: 1px 2px 3px 4px;- в данном случае ширина сторон будет такая:

Верхняя - 1 пиксель.

Правая - 2 пикселя.

Нижняя - 3 пикселя.

Левая - 4 пикселя.

border-style - определяет стиль рамки.

Этот атрибут должен быть указан обязательно, иначе рамка не будет отображена в странице.

Примеры:

border-style: solid; // Сплошная рамка

border-style: double; // Двойная сплошная линия

border-style: groove; // Выдавленная рамка

border-style: ridge; // Поднятая рамка

border-style: inset; // Выдавленная область внутри рамки

border-style: outset; // Поднятая область внутри рамки

border-style: dotted; // Рамка в виде мелкого пунктира

border-style: dashed; // Рамка в виде крупного пунктира

border-color - определяет цвет рамки.

Можно указать один цвет для всей рамки, или для каждой стороны в отдельности, как в примере с шириной (выше).

Примеры:

border-color: #FFOOOO; // Один цвет для всей рамки

border-color: #FFOOOO #EE55AA #OOOOOO #FFFFFF; // для каждой рамки определенный цвет

Списки

kukiman — Sun, 27 Jan 2013 18:34:17 GMT

Списки (list-style)

Атрибут позволяет определить стиль маркера, его расположение или изображение, которое будет использовано вместо маркера.

Свойства:

list-style-image - указывает адрес изображения, которое будет использоваться вместо маркера.

Пример:

list-style-image: url(images/list.gif);

list-style-type - определяет вид маркера.

Примеры:

list-style-type: disc; // Закрашеный кружок

list-style-type: circle; // Незакрашеный кружок

list-style-type: square; // Закрашеный квадрат

Значение по умолчанию - disc

list-style-position - определяет позицию маркера.

Примеры:

list-style-position: inside; // Маркер находится внутри списка

list-style-position: outside; // Маркер находится за границей списка

Таблицы

kukiman — Sun, 27 Jan 2013 18:33:03 GMT

Таблицы

Здесь описаны свойства, которые изменяют отображение ячеек и их рамок стандартных HTML таблиц.

Свойства:

border-collapse - определяет способ отображения рамок вокруг ячеек таблицы.

Примеры:

border-collapse: collapse; // Между ячеек отображается только одна линия

border-collapse: separate; // Вокруг ячеек отображается собственная рамка

border-spacing - определяет расстояние между ячейками.

Если значение одно - расстояние вокруг каждой стороны одинаковое, если два - первое указывает значение по вертикали, второе по горизонтали.

Примеры:

border-spacing: 10px; // Расстояние между ячеек 10 пикселей

border-spacing: 10px 20px; // По вертикали 10, по горизонтали -20 пикселей

caption-side - определяет на какой стороне будет находится заголовок таблицы.

Примеры:

caption-side: top; // Заголовок вверху таблицы

caption-side: left; // Заголовок по с левой стороны таблицы

caption-side: right; // Заголовок по с правой стороны таблицы

caption-side: bottom; // Заголовок внизу таблицы

Текст

kukiman — Sun, 27 Jan 2013 18:31:37 GMT

Текст (text)

С текстом в CSS можно производить множество различных трансформаций. Устанавливать нужное расстояние между символами, высоту строки, выравнивание текста по всевозможным границам, делать его подчеркнутым, перечеркнутым или мигающим. Устанавливать величину отступа первой строки для абзаца, и в то же время последующие строки будут выввыводится без отступа, преобразовывать прописные буквы в заглавные, не меняя их высоты и т.д...

Свойства:

text-align - определяет выравнивание текста по горизонтали.

Примеры:

text-align: left; // Выравнивание по левому краю

text-align: right; // Выравнивание по правому краю

text-align: center; // Выравнивание по центру

text-align: justify; // Выравнивание по всей ширине блокаЗначение по умолчанию - left

vertical-align - определяет выравнивание текста по вертикали.

Примеры:

vertical-align: middle; // Выравнивание по центру высоты

vertical-align: bottom; // Выравнивание по нижней части контейнера

vertical-align: top; // Выравнивание по верхней части контейнера

Значение по умолчанию - top

letter-spacing - определяет межбуквенное расстояние.

Значения устанавливаются любыми величинами имеющимися в CSS.

Пример:

letter-spacing: 3px; // Межбуквенное расстояние 3 пикселя

line-height - определяет высоту строки.

Значения устанавливаются пикселями, процентами и множителем.

Примеры:

line-height: 16px; // Высота строки 16 пикселей

line-height: 70%; // Высота строки 70% от размера шрифта

line-height: 1.5; // Высота строки ровно полтора размера шрифта

line-height: normal; // Высота строки стандартная

Значение по умолчанию - normal

text-decoration - Определяет подчеркивание, перечеркивание, линию над текстом и мигание.

Примеры:

text-decoration: blink; // Мигающий текст

text-decoration: line-through; // Перечеркнутый текст

text-decoration: underline; // Подчеркнутый текст

text-decoration: overline; // Линия над текстом

text-decoration: none; // Отменяет все вышеописанные свойства

Значение по умолчанию - none

text-indent - определяет отступ первой строки в абзаце.

Значения устанавливаются в пикселях или процентах.

Пример:

text-indent: 25px; // Отступ первой строки 25 пикселей

text-transform - позволяет совершать различные манипуляции с регистром.

Примеры:

text-transform: capitalize; // Каждое слово начинается с заглавной буквы

text-transform: lowercase; // Все символы будут строчными

text-transform: uppercase; // Все символы будут прописными

text-transform: none; // Ничего не изменяет

Значение по умолчанию - none

white-space - способы отображения переносов строк и пробелов в самом коде.

Примеры:

white-space: nowrap; // Текст выводится в одну строку, игнорируя переносы

white-space: pre; // Текст выводится точно так же, как и написан в коде

white-space: normal; // Текст выводится как обычно по умолчанию

Значение по умолчанию - normal

word-spacing - определяет расстояние между словами.

Можно указывать любыми величинами имеющимися в CSS.

Примеры:

word-spacing: 10px; // Расстояние между словами 10 пикселей

word-spacing: normal; // Расстояние между словами стандартное

Значение по умолчанию - normal