Question

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

(знак вопроса нарисован на скрине)

Answer 1

1. И не будет отображаться так как у вас в таблице стилей прописано скрытие данного списка.
2. Перейдите в Таблицу стилей CSS файл - styles.css строка номер 21:

ol, ul {
list-style: none;
}

вот как раз параметр - none и скрывает данный список.

Comments

спасибо!) и еще вопрос. как сделать нумерацию цветной? например, красного цвета?

---

добавьте параметр color:red; в стили выше

---

покраснел полностью весь материал....как сделать чтобы только цифры меняли цвет?

---

боюсь придется отказаться от цветности. а то и меню поцветнело..точнее точки появились.

---

Читаем материал - http://htmlbook.ru/faq/kak-sdelat-chtoby-tsvet-markerov-v-spiske-otlichalsya-ot

На примере материала с модуля новости, зададим следующие стили:
.eMessage ol span,.eMessage ul span,.eMessage li span {color: #989898;}
.eMessage ol,.eMessage ul,.eMessage li {color: red;}

Далее уже текст завертываем на подобии:
<ul>
<li><span>здесь текст</span></li>
<li><span>здесь текст</span></li>
<li><span>здесь текст</span></li>
<li><span>здесь текст</span></li>
<ul>

Либо нумерованный список:
<ol>
<li><span>здесь текст</span></li>
<li><span>здесь текст</span></li>
<li><span>здесь текст</span></li>
<li><span>здесь текст</span></li>
<ol>

---

эх. жаль через before не получится придется через спан....или можно прописать что-то в content: "¶ "; /* Сам маркер */ чтобы цифры были?

---

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

---

Да я прочитал. Там же два способа. Вы привели первый способ. а второй через css полностью делается. через него практичнее. но загвоздка в этой строке content: "¶ "; /* Сам маркер */  .

---

цифры поменяли цвет только в кратком описании материала. в полном тексте все как раньше. одного цвета и текст и цифры.

---

все работает, я у вас проверяю в полном описании и все корректно - http://i.imgur.com/zsvCzII.png , только в таблице стилей строка 21:
ol, ul {list-style: none;}
Удалите - none

---

хм... строку ol, ul {list-style: none;} удалил полностью, оставил только
.eMessage ol span,.eMessage ul span,.eMessage li span {color: #989898;}
.eMessage ol,.eMessage ul,.eMessage li {color: red;}

не изменилось..
http://s018.radikal.ru/i521/1503/bf/d863a57c71b9.jpg
http://i038.radikal.ru/1503/77/b1eff897d0cd.jpg
http://s009.radikal.ru/i308/1503/a2/2fca1789de91.jpg

все же не спроста те кто делал шаблон убрали нумерацию. с точками как то не очень смотрится что верхнее меню что боковое. можно ли эти точки убрать? но оставить непосредственно в материале?

---

Стили то верны, а делаете ли вы все со спаном как я выше писал.

1. В верхнем меню, убираем маркер перейдя в строку номер 280 тот же файл styles.css, стили должны выглядеть вот так:
ul.nav {
float: left;
margin-top: -18px;
height: 74px;
list-style: none;
}

Я добавил - list-style: none; для скрытия маркера.

2. Чтобы убрать точки в боковом меню, в таблице стилей файл styles.css строка номер 552 должна выглядеть вот так:
#sidebar .widget .widget_content ul {
margin: -8px -3px 0px -8px;
list-style: none;
}

Я добавил - list-style: none; для скрытия маркера.

---

маркеры из меню успешно убрал.

---

все со спаном. вот код краткого материала (нумерация красная, текст: белый):
<ol>
    <li style="text-align: justify;"><span>Вы можете легко добавлять текст в пути или формы. Создайте свой путь или форму и выберите <b>Type tool (T)</b>. Наведите курсор на путь (он изменит форму). Один раз нажмите кнопку мыши, и когда вы начнете набирать текст, то он будет придерживаться пути.</span></li>
</ol>

код полного материала (нумерация и текст одного цвета белого):
<ol>
    <li style="text-align: justify;"><span>Вы можете легко добавлять текст в пути или формы. Создайте свой путь или форму и выберите <b>Type tool (T)</b>. Наведите курсор на путь (он изменит форму). Один раз нажмите кнопку мыши, и когда вы начнете набирать текст, то он будет придерживаться пути.</span></li>
    <li style="text-align: justify;"><span>Если у вас есть файл, к которому уже была применена обработка<b>Adobe Camera Raw</b> (<b>ACR</b>), и вы хотите просто открыть этот файл в <b>Photoshop</b> в обход <b>ACR</b>, то это можно сделать так: в <b>Bridge</b> удерживайте нажатой клавишу <b>Shift</b> и дважды кликните на <b>RAW</b>-файл. Он будет открыт в Photoshop с текущей настройкой <b>ACR</b>.</span></li>
    <li style="text-align: justify;"><span>Скрипт, встроенный в Photoshop, позволяет разом загрузить несколько изображений, каждое &mdash; в свой слой: <b>Files</b> &gt; <b>Scripts</b> &gt; <b>Load Files Into Stack.&nbsp;</b>Отлично помогает создать композицию из нескольких картинок.</span></li>
    <li style="text-align: justify;"><span>Если вам необходимо сбросить все настройки Photoshop к тому положению, в котором они были сразу после установки программы, то нажмите и удерживайте нажатой клавиши <b>Ctrl</b>+<b>Alt</b>+<b>Shift</b>. Это вызовет диалоговое окно, спрашивающее, хотите ли вы удалить ваши настройки.</span></li>
    <li style="text-align: justify;"><span>Если вы уже использовали <b>Free Transform</b> и хотите применить точно такую же трансформацию к другому слою, перейдите на этот слой и нажмите клавиши <b>Shift</b>+<b>Ctrl</b>+<b>T</b>.</span></li>
    <li style="text-align: justify;"><span>Если вы не хотите показать клиенту <b>PSD</b>-файл со всеми его внутренними хитростями, то при открытии файла удерживайте нажатыми <b>Alt+Shift,</b> и файл откроется как JPG со сведенными слоями.</span></li>
    <li style="text-align: justify;"><span>Когда вы сохраняете файл для публикации на сайте, то воспользуйтесь способностью Photoshop сохранять файл заданного размера. Эта опция находится в выпадающем меню окна <b>Save For Web.</b></span></li>
    <li style="text-align: justify;"><span>Большинство людей, сделав выборку, перемещают выбранный элемент в новый слой, чтобы увидеть, как он будет выглядеть. Вместо этого попробуйте перенести в новый документ все изображение, и, выбрав в диалоговом окне <b>Refine Edge</b> режим <b>On Layers</b> (<b>L</b>), вы увидите, как будет выглядеть выделенный фрагмент на исходном слое до завершения выбора.</span></li>
    <li style="text-align: justify;"><span>Вы не ограничены прямым клонированием, если с помощью панели <b>Clone Source</b> (<b>Источник Клонов</b>) вы можете выбрать вертикальную и горизонтальную ось (просто нажмите на круговой стрелки рядом с шириной (<b>W</b>) и высотой (<b>H</b>) или измените угол в поле поворота).</span></li>
    <li style="text-align: justify;"><span>Если вы часто используете корректирующие слои, то удобно назначить им горячие клавиши. Зайдите в <b>Edit</b> &gt; <b>Keyboard</b>, выберите <b>Application Menus</b> и раскройте опцию <b>Layer</b>. Прокрутите вниз до <b>New Adjustment Layer</b> и кликните на каком-либо пункте корректирующего слоя, например, <b>Curve</b>. Измените или задайте сочетание клавиш и нажмите <b>Accept</b>, чтобы принять изменения. Теперь достаточно нажать эту комбинацию клавиш, чтобы быстро вызвать корректирующий слой <b>Curve</b>.</span></li>
    <li style="text-align: justify;"><span>Пользователь часто забывает про <b>Image Processor</b> (<b>File</b> &gt; <b>Script</b> &gt; <b>Image Processor</b>) для быстрого создания типов файлов, таких как <b>TIFF</b> и <b>JPEG</b>. В диалоговом окне <b>Image Processor</b> выберите ваши изображения, целевую папку, нужный тип файла, качество и размер и кликните <b>Run.</b></span></li>
    <li style="text-align: justify;"><span>В панели <b>Paragraph</b> нажмите на пиктограмму справа вверху и выберите пункт <b>Hyphenation</b> &mdash; в появившемся диалоговом окне можно настроить параметры переноса.</span></li>
    <li style="text-align: justify;"><span>После выбора объекта и размещения его в новом слое пройдитесь по его краям инструментом <b>Blur Tool</b>, &mdash; как правило, края выделения оказываются слишком резкими, чтобы слиться с основным изображением. Контроль над степенью размытости осуществляется изменением параметра <b>Strength</b>.</span></li>
    <li style="text-align: justify;"><span>Нажмите <b>D</b>, чтобы сбросить настройки цветов для переднего плана и фона в цвета по умолчанию: черный и белый.</span></li>
    <li style="text-align: justify;"><span>Чтобы отобразить палитру с настройками <b>Brushes</b>, нажмите <b>F5</b>.</span></li>
    <li style="text-align: justify;"><span>Чтобы сделать гармоничным цветовой баланс композиции, добавьте корректирующий слой <b>Hue / Saturation</b> (<b>Layer </b>&gt; <b>New Adjustment Layer </b>&gt; <b>Hue Saturation</b>) на самый верх набора слоев. Это позволит вам или немного обесцветить изображение, или добавить цветовые оттенки для изображения в целом.</span></li>
    <li style="text-align: justify;"><span><b>Ctrl+клик по иконке слоя</b> на палитре слоев создаст выделение содержимого слоя.</span></li>
    <li style="text-align: justify;"><span>Если хотите увидеть содержимое маски слоя, то зажмите <b>Alt</b> и сделайте клик по маске слоя.</span></li>

---

продолжение:
    <li style="text-align: justify;"><span><b>Alt</b>+<b>клик</b> <b>по иконке создания маски</b> для слоя создаст черную маску.</span></li>
    <li style="text-align: justify;"><span>Когда используете <b>Polygonal Lasso Tool</b>, зажмите <b>Shift</b>, чтобы создать прямые под углом с шагом в 45 градусов.</span></li>
    <li style="text-align: justify;"><span>Для лучшей организации слоев сгруппируйте выделенные, нажав <b>Ctrl</b>+<b>G</b>.</span></li>
    <li style="text-align: justify;"><span><b>Ctrl</b>+<b>Shift</b>+<b>N</b> создаст новый файл, с выводом диалогового окна; <b>Ctrl</b>+<b>Shift</b>+<b>Alt</b>+<b>N</b> создаст новый слой в рабочем файле.</span></li>
    <li style="text-align: justify;"><span>Если вы постоянно меняете режимы наложения, запомнить сочетания клавиш для них не составит труда. Они всегда связаны: <b>Alt</b>+<b>Shift</b> и буква, &mdash; как правило, первая буква режима. Например, <b>Alt</b>+<b>Shift</b>+<b>M</b> &mdash; <b>Multiply</b>, <b>O</b> &mdash; <b>Overlay</b>, <b>S</b> &mdash; <b>Screen</b> и т. д. Некоторые отличаются (<b>F</b> &mdash; <b>Soft Light</b>), но не сильно, и, используя их, вы будете работать гораздо быстрее.</span></li>
    <li style="text-align: justify;"><span>Нажмите <b>Alt</b>, чтобы <b>Burning Tool</b> стал выполнять функцию <b>Dodge Tool</b>, и наоборот.</span></li>
    <li style="text-align: justify;"><span>Два простых способа сделать окантовку рисунка:&nbsp;* Выделите все изображение <b>Ctrl</b>+<b>A</b>. Затем перейдите в <b>Edit</b> &gt; <b>Stroke</b> и установите расположение рамки, ее ширину и цвет.&nbsp;* Разблокируйте слой (обычно он не заблокирован, но, если это фоновый слой, дважды кликните по нему), перейдите в <b>Layer</b> &gt; <b>Layer Style</b> &gt; <b>Stroke</b> и установите расположение рамки, ее ширину и цвет.</span></li>
    <li style="text-align: justify;"><span><b>Ctrl+клик по иконке слоя</b> создает выделение объекта на этом слое. Если необходимо выделить более чем 1 объект на нескольких слоях, удерживайте дополнительно еще и <b>Shift</b>.</span></li>
    <li style="text-align: justify;"><span>Чтобы объединить палитры в одной, потяните за ярлычок любой вкладки на другую палитру к другим ярлычкам, и она переместится.</span></li>
    <li style="text-align: justify;"><span>Когда создаете текст, нажатие на <b>Enter</b> создает новую строку; чтобы закончить писать, нажмите <b>Ctrl</b>+<b>Enter</b> или <b>Enter</b> на цифровой клавиатуре.</span></li>
    <li style="text-align: justify;"><span>Вы можете переместить слой на любое другое открытое изображение в фотошоп, таким образом создастся копия слоя. Удерживайте при перетаскивании нажатой <b>Shift,</b> и содержимое слоя вставится четко по центру.</span></li>
    <li style="text-align: justify;"><span>Используя инструмент <b>Polygonal Lasso Tool</b>, нажмите <b>Backspace</b>, чтобы отменить последний шаг.</span></li>
</ol>