Словарь css

SLEEN — Sun, 26 Jun 2011 10:33:14 GMT

Свойства фона

background-position - задает стартовую позицию фонового изображения.
background - объединяет в себе все свойства, которые используются для определения фона страницы.
background-attachment - определяет является ли фоновое изображение фиксированным или прокручивается вместе со страницей.
background-color - задает цвет фона для элемента.
background-image - определяет используемое изображение фона для элемента.
background-repeat - определяет как повторять фоновое изображение.

Свойства границ

border-bottom-width -задает ширину нижней границы элемента.
border-left-width - задает ширину левой границы элемента.
border-left-style - задает стиль левой границы элемента.
border-left-color - задает цвет левой границы элемента.
border-left - объединяет в себе все свойства, которые используются для определения левой границы (рамки) элемента.
outline-color - задает цвет внешней границы элемента.
border-collapse - способно удалять двойные линии (границы) на месте стыка ячеек таблицы.
border-width - задает ширину для четырех границ.
border-top-width - задает ширину верхней границы элемента.
border-top-style - задает стиль верхней границы элемента.
outline-style - задает стиль внешней границы элемента.
border-right - объединяет в себе все свойства, которые используются для определения правой границы (рамки) элемента.
border-right-color - задает цвет правой границы элемента.
border-right-style - задает стиль правой границы элемента
border-bottom-color - задает цвет нижней границы элемента.
border-bottom - объединяет в себе все свойства, которые используются для определения нижней границы (рамки) элемента.
border - объединяет в себе все свойства, которые используются для определения границы (рамки) элемента.
border-color - задает цвет для четырех границ.
outline - задает внешнюю границу вокруг элементов
border-top-color - задает цвет верхней границы элемента.
border-top - объединяет в себе все свойства, которые используются для определения верхней границы (рамки) элемента.
border-style - задает стиль для четырех границ.
border-spacing - задает расстояние между границами ячеек в таблице
border-right-width - задает ширину правой границы элемента.
outline-width - задает ширину внешней границы элемента.

Свойства размера

min-width - определяет минимальную ширину элемента.
max-width - определяет максимальную ширину элемента.
min-height - определяет минимальную высоту элемента.
height - определяет высоту элемента.
width - определяет ширину элемента.
max-height - определяет максимальную высоту элемента.

Свойства шрифта

font-size - задает размер шрифта.
font-weight - определяет толщину символов в тексте.
font-style - задает стиль шрифта для текста.
font-family - задает шрифт для элемента.
font - бъединяет в себе все свойства, которые используются для определения шрифта.
font-variant - определяет должен ли текст отображаться капительными буквами или нет.

Свойства генерированного контента

quotes - задает тип кавычек, которые используются для вставленных цитат.
counter-reset - создает или сбрасывает один или несколько счетчиков.
counter-increment - используется для увеличения значения счетчика приращений
content - предназначено для вставки сгенерированного контента

Свойства списка

list-style - объединяет в себе все свойства, которые используются для определения внешнего вида списка.
list-style-position - определяет место расположение маркера списка.
list-style-type - определяет тип маркера в списке.
list-style-image - заменяет маркер списка изображением.

Свойства отступов

margin-top - определяет верхний отступ для элемента.
margin-right - определяет правый отступ для элемента.
margin-bottom - определяет нижний отступ для элемента.
margin-left - определяет левый отступ для элемента.
margin - задает все свойства отступов в одной строке.

Свойства полей

padding-top - задает верхнее поле для элемента.
padding-right - задает правое поле для элемента.
padding-left - задает левое поле для элемента.
padding-bottom - задает нижнее поле для элемента.
padding - задает все свойства полей в одной строке.

Свойство позиционирования

top - устанавливает положение верхнего края содержимого элемента без учета толщины рамок и отступов.
cursor - определяет тип курсора при наведении мішки на элемент.
display - определяет, как элемент должен быть показан в документе.
visibility - способно сделать любой видимым или невидимым.
right - устанавливает положение правого края содержимого элемента.
z-index - управляет расположением элемента по z-оси
float - определяет по какой стороне будет выравниваться объект. Остальные элементы будут обтекать его с других сторон.
clip - позволяет определить область позиционированного элемента, в которой будет показано его содержимое.
left - устанавливает положение левого края содержимого элемента
clear - устанавливает с какой стороны элемента запрещено обтекание другими элементами.
overflow - управляет отображением содержания блочного элемента
bottom - устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов.
position - используется для позиционирования элемента.

Свойства таблицы

caption-side - задает расположение заголовка (подписи) таблицы.
empty-cells - позволяет определить показывать границы и фон пустых ячеек или нет.
table-layout - позволяет определить алгоритм разметки таблицы.

Свойства текста

vertical-align - задает вертикальное выравнивание элемента.
word-spacing - уменьшает или увеличивает пробелы между словами.
white-space - определяет отображение пробелов между словами.
text-align - определяет горизонтальное выравнивание текста в элементе.
text-indent - определяет отступ первой строки в текстовом блоке.
text-decoration - определяет оформление текста.
direction - позволяет задать направление отображения текста.
line-height - определяет высоту строки.
letter-spacing - увеличивает или уменьшает расстояние между буквами в тексте.
color - позволяет задать цвет текста.
text-transform - контролирует в тексте выделение заглавными буквами.

CSS Псевдоклассы/элементы

:lang - добавляет стиль к элементу со специальным атрибутом lang.
:hover - добавляет стиль к элементу при наведенной мышкой.
:active - добавляет стиль к активному элементу.
:first-child - добавляет стилевое оформление к первому дочернему элементу селектора
:visited - добавляет стиль к посещенной ссылке.
:after - добавляет контент после элемента.
:before - добавляет контент до элемента.
:focus - добавляет специальный стиль к элементу, который получает фокус.
:first-line - добавляет стилевое оформление к первой строке текста.
:first-letter - добавляет стилевое оформление к первой букве текста.
:link - добавляет стиль к непосещенной ссылке.

Как установить шаблон

SLEEN — Sat, 11 Jun 2011 16:48:43 GMT

Как установить дизайн на новый Ucoz :
[Table]1. Понятно дело, что до того как установить шаблон, нам нужно его скачать.

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

3. Заходим в панель управления сайтом (http://www.ваше_название_сайта.ucoz.ru/admin): Главная » Управление дизайном » Конструктор шаблонов.

4. В скачанном архиве убеждаемся, что есть: tmpl.txt (основной код шаблона), styles.css (таблица стилей-CSS), и папка img (где находятся все использованные рисунки шаблона).

5. Открываем tmpl.txt (например с помощью блокнота), копируем весь текст (ctr+A, ctr+C), и вставляем в конструкторе шаблонов.

6. В панели управления заходим: Главная » Управление дизайном » Редактирование шаблонов » Таблица стилей (CSS). Открываем styles.css (например с помощью блокнота), копируем весь текст (ctr+A, ctr+C), и вставляем в открытом окне в панели управления.

7. Закачиваем с помощью: Главная » файловый менеджер; или с помощью FTP-менеджера

8. Вот и все, теперь наслаждаемся, новым дизайном сайта!))

Если вы скачали какойто шаблон и там есть папка css а в ней два файла то эту папку надо тоже загружать в корень сайта.

Теперь как установить DLE Шаблон на UcoZ: [/Table]
Установка дле шаблона на юкоз делается в несколько шагов.

[Table]1) Загрузить в кореневую папку папки с шаблона css и images (dleimages и другие не нужно только эти две)

2) Открываеш фал mailn.tpl в обычном блокноте

3) Копируем содержимое и в редактировании страниц (пункт "Страницы сайта") на юкозе вставляем все скопированое вместо того чтo там уже есть, только не забудь в самый низ впихнуть $POWERED_BY$

4) После этого Дизайн->Быстрая замена участков шаблона

4.1. Меняем {THEME} на пустое полу, то есть в нижнее поле не вводим ничего, а в верхнее {THEME}

5) А дальше просто вставляем бб-коды, операторы и.т.д, редактируете шаблон короче.[/Table]

Cs-Сектор

Словарь css

Как установить шаблон