|
Таблица CSS
| |
| parvina | Дата: Четверг, 2006-09-21, 11:34 AM | Сообщение # 1 | |
|
Группа: Удаленные
|
CSS используется создателями и посетителями веб-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Основное назначение, для которого технология CSS была разработана, это разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими Шрифт Брайля. CSS при отображении страницы может быть взята из различных источников:
Авторские стили (информация стилей, предоставляемая автором страницы) в виде:
Внешних таблиц стилей, то есть отдельного файла .css, на который делается ссылка в документе.
Встроенных стилей — блоков CSS внутри самого HTML документа.
Inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style.
Пользовательские стили
Локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам.
Стиль браузера
Стандартный стиль, используемый браузером по умолчанию для представления элементов. Стандарт CSS определяет приоритеты, в порядке которых применяются правила стилей, если для какого-то элемента подходят несколько правил одновременно. Это называется «каскадом», в котором для правил рассчитываются приоритеты или «веса», что делает результаты предсказуемыми. У CSS достаточно простой синтаксис. Таблица стилей состоит из набора правил. Каждое правило, в свою очередь, состоит из одного или нескольких селекторов, разделенных запятыми и блока определений. Блок определений же обрамляется фигурными скобками, и состоит из набора свойств и их значений. материал: wikipedia
|
| |
| |
| kydapodatsya | Дата: Четверг, 2006-09-21, 11:34 AM | Сообщение # 2 | |
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
Такой вопрос: как изменить дизайн, вернее где, надписи "Ваш ответ добавлен...." 
|
| |
| |
| parvina | Дата: Четверг, 2006-09-21, 11:36 AM | Сообщение # 3 | |
|
Группа: Удаленные
|
kydapodatsya, в таблице стиле:
/* Other Styles */
.replaceTable {...}
меняйте все на свое усмотрение
|
| |
| |
| kydapodatsya | Дата: Четверг, 2006-09-21, 4:25 PM | Сообщение # 4 | |
|
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
Спасибо 
|
| |
| |
| Эсквайр | Дата: Четверг, 2006-09-28, 0:46 AM | Сообщение # 5 | |
Неографист
Группа: Пользователи
Сообщений: 102
Репутация: 5
Статус: Offline
|
| Quote (kydapodatsya) | | вернее где, надписи "Ваш ответ добавлен...." |
А я не нашел...
Где? | Code | /* Other Styles */
.replaceTable {background:#C0A741;height:100px;width:300px;border:1px solid #FFFFFF;}
.replaceBody {background:#737373;}
li.fastHelp {margin: 0; padding: 0 0 0 13px; background: url('/img/12.gif') no-repeat 0px 0px; margin-bottom: .6em;}
.noEntriesOnMain {text-align:justify;color:#E3E2B3;}
.funcBlock {padding-top:5px; padding-right:3px;}
.legendTd {font-size:7pt;}
/* ------------ */
|
Сообщение правил Эсквайр - Четверг, 2006-09-28, 1:03 AM |
| |
| |
| parvina | Дата: Четверг, 2006-09-28, 9:16 AM | Сообщение # 6 | |
|
Группа: Удаленные
|
/* Other Styles */
.replaceTable {background:#C0A741;height:100px;width:300px;border:1px solid #FFFFFF;}
.replaceBody {background:#737373;}
li.fastHelp {margin: 0; padding: 0 0 0 13px; background: url('/img/12.gif') no-repeat 0px 0px; margin-bottom: .6em;}
.noEntriesOnMain {text-align:justify;color:#E3E2B3;}
.funcBlock {padding-top:5px; padding-right:3px;}
.legendTd {font-size:7pt;}
/* ------------ */
|
| |
| |
| kydapodatsya | Дата: Четверг, 2006-09-28, 3:59 PM | Сообщение # 7 | |
|
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
| Code | /* Other Styles */
.replaceTable {background:#F4F4F4;height:117px;width:350px;border:1px solid #A9B8C2;}
li.fastHelp {margin: 0; padding: 0 0 0 13px; background: url('http://kydapodatsya.p0.ru/site/otvet.gif') no-repeat 0px 0px; margin-bottom: .6em;}
.noEntriesOnMain {text-align:justify;color:#0000FF;}
.funcBlock {padding-top:5px;}
.legendTd {font-size:7pt;}
/* ------------ */
|
вот сделал, как Вы тут описали, а ничего не изменилось |
| |
| |
| parvina | Дата: Четверг, 2006-09-28, 5:44 PM | Сообщение # 8 | |
|
Группа: Удаленные
|
kydapodatsya, еще раз посмотри, куда ты это написал...
|
| |
| |
| Isida | Дата: Четверг, 2006-09-28, 6:37 PM | Сообщение # 9 | |
Студиграфист
Группа: Администраторы
Сообщений: 382
Репутация: 7
Статус: Offline
|
parvina, предлагаю сообща разработать шпаргалку по CSS. Можно типа такой, а можно как текстовые комментарии к общей CSS. У меня уже есть намётки по 70% от общей CSS. Особенно форум пропахан и общие настройки. 
 Аси нет и не будет.
|
| |
| |
| parvina | Дата: Четверг, 2006-09-28, 7:12 PM | Сообщение # 10 | |
|
Группа: Удаленные
|
Isida, лучше текствовые комментарии с примерами на рисунке. а то сложно все линии проследить
|
| |
| |
| Isida | Дата: Пятница, 2006-09-29, 0:38 AM | Сообщение # 11 | |
|
Студиграфист
Группа: Администраторы
Сообщений: 382
Репутация: 7
Статус: Offline
|
Да, я уже тоже так думаю. Правда на форуме удобнее картинками.
Аси нет и не будет.
|
| |
| |
| parvina | Дата: Пятница, 2006-09-29, 9:24 AM | Сообщение # 12 | |
|
Группа: Удаленные
|
Isida, картинки обязательно должны быть, но не меньше одной на 2 класса
|
| |
| |
| kydapodatsya | Дата: Пятница, 2006-09-29, 2:20 PM | Сообщение # 13 | |
|
Дизайнер
Группа: Администраторы
Сообщений: 2641
Репутация: 226
Статус: Offline
|
| Quote (parvina) | | kydapodatsya, еще раз посмотри, куда ты это написал... |
я это написал в таблице стилей css
визуально заметил только изменение таблички, где выводится сообщение и цвет заднего фона, а картинки, той которую я нарисовал и вставил нет.  Добавлено (2006-09-29, 2:02 Pm)
---------------------------------------------
не знаю, наверное, у меня что-то с css, что ли?
С пятого раза заработало, только грузит долговато!
И как сместить текст к правому боку ?
| Code | | {text-align:right;color:#0000FF;} |
так?
А можно ли сместить , допустим вправо на 10 пикселей?
где это исправить?Добавлено (2006-09-29, 2:11 Pm)
---------------------------------------------
| Quote (kydapodatsya) | | С пятого раза заработало, только грузит долговато! |
беру свои слова обратно:теперь летает. Так называемое "привыкание системы к изменениям "Добавлено (2006-09-29, 2:17 Pm)
---------------------------------------------
а такой вопрос , немного не в тему
Вот есть при цитировании это окошко прямоугольное.
Можно ли его изменить, если да то где и в какой степени он подвергается изменениям.
Можно ли допустим сделать графически, естественно, в верху в левой стороне, чтобы вместо quote(xxxx) был допустим сопряженный с окошком графический элемент, на котором написано "Цитата".
Не знаю ,ясно выразился или нет, но все.
т.е. я хочу звменить это прямоугольное выделение на красивое графическое оформление. Добавлено (2006-09-29, 2:20 Pm)
---------------------------------------------
| Quote (kydapodatsya) | И как сместить текст к правому боку ?
Code
{text-align:right;color:#0000FF;} так?
А можно ли сместить , допустим вправо на 10 пикселей?
где это исправить? |
Так как все же это сделать, или у меня опять через пятое добавленное сообщение все заработает,
я сделал вот так вот
| Code |
{text-align:right;color:#0000FF;} |
|
| |
| |
| Кински | Дата: Пятница, 2006-09-29, 2:20 PM | Сообщение # 14 | |
|
Спектографист
Группа: Проверенные
Сообщений: 27
Репутация: 5
Статус: Offline
|
Isida, parvina, у меня будет модуль расшифровки стилей. Пользователь вводит название класса, ему будет возвращаться его значение, с возможными атрибутами.
|
| |
| |
| Isida | Дата: Пятница, 2006-09-29, 3:37 PM | Сообщение # 15 | |
|
Студиграфист
Группа: Администраторы
Сообщений: 382
Репутация: 7
Статус: Offline
|
Кински, это поможет только тому кто знает ЗАЧЕМ служит этот класс. Вот как рпз этот нюанс мы и собрались расшифровать. Мы с вами не пересекаемся. Ну разве что чуть. 
Аси нет и не будет.
|
| |
| |
|
