当设计 sIFR 3 时，我什么时候应该使用 JavaScript/CSS/Flash？

发布于 2024-07-16 08:16:26 字数 862 浏览 7 评论 0原文

我今天第一次使用 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 中应该完成什么样式？

谢谢：）

原文

I'm using sifr for the first time today. I have it up and running; however, I need some help. Rather than explain, I'll show you the code below:

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

So far, so good. I have then styled that in the same document in case flash/JavaScript is disabled. No problem.

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; }']
});

That's what is included in my JavaScript file. Am I correct in styling the element like this? I got slightly confused with the selector, then using a second selector within js-css. Once again, there is also sifr.css. What should be included in this document? Should I be styling the element here?

I suppose my question is: What should be included, and what styling should be done in sifr-config.js and what styling should be done in sifr.css?

Thank you :)

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

会发光的星星闪亮亮i 2024-07-23 08:16:26

在 HTML 页面的 CSS (sifr.css) 中，您可以添加样式来隐藏 sIFR 将在此之前替换的元素，并且您可以对文本进行一些调整，以便文本大小映射Flash 字体更好。

sIFR.replace() 的 selector 参数用于选择您希望用 sIFR 替换的元素。

css 参数包含 Flash 影片中使用的 CSS。此时，所有 CSS 选择器都与您替换的元素相关，因此如果您替换 h1#foo，那么您选择的是 em 而不是 h1#foo em。除了字体大小之外，这是您可以在 Flash 影片中设置文本样式的唯一位置，如果此处未指定字体大小，则字体大小源自被替换元素的字体大小。