При стилизации sIFR 3, когда мне следует использовать JavaScript / CSS / Flash? - PullRequest
Новая
       10

При стилизации sIFR 3, когда мне следует использовать JavaScript / CSS / Flash?

0 голосов
/ 06 апреля 2009

Сегодня я впервые использую sifr. У меня это работает и работает; Однако мне нужна помощь. Вместо того, чтобы объяснять, я покажу вам код ниже: 

<div id="pullquote">“Fantastic property, facilities and location. We
      couldn’t have asked for more!” <em>Mr &amp; Mrs. Smith</em></div>

Пока все хорошо. Затем я сделал это в том же документе на случай, если Flash / JavaScript отключен. Нет проблем. 

sIFR.replace(journal, {
  selector: 'div#pullquote',
  wmode: 'transparent',
  css: [
    '.sIFR-root { text-align: center; color: #be7705; font-size: 30px; background-color:#fdefd4; }',
    'em { font-style: normal; color: #1d5d69; font-size: 26px; }']
});

Вот что включено в мой файл JavaScript. Правильно ли я в стиле элемента, как это? Я немного запутался с селектором, затем использовал второй селектор в пределах js-css. Еще раз, есть также sifr.css. Что должно быть включено в этот документ? Должен ли я стилизовать элемент здесь?

Я предполагаю, что мой вопрос: что должно быть включено, и какие стили должны быть выполнены в sifr-config.js и какие стили должны быть выполнены в sifr.css?

Спасибо:)

1 Ответ

1 голос
/ 06 апреля 2009

В CSS для страницы HTML (sifr.css) вы можете добавить стиль, чтобы скрыть элементы, которые sIFR заменит, прежде чем это сделать, и вы можете выполнить некоторую настройку текста, чтобы размер текста лучше отображался во Flash шрифт.

Параметр selector для sIFR.replace() используется для выбора элементов, которые вы хотите заменить на sIFR.

Параметр css содержит CSS, используемый внутри Flash-фильма. На данный момент все селекторы CSS относятся к заменяемому элементу, поэтому, если вы замените h1#foo, тогда вы выберете em вместо h1#foo em. Это единственное место, где можно стилизовать текст внутри фильма Flash, кроме размера шрифта, который, если не указан здесь, определяется размером шрифта заменяемого элемента.

...