问题标签 [themeroller]

I'm currently using jQuery UI 1.9.2 and want to upgrade to 1.10.0. I have a custom theme and used the URL at the top of my CSS file to visit the ThemeRoller.

My colors didn't look right, so I went through and double checked all my settings. I was using 3-digit hex colors and tried changing them to 6 digits, but that didn't help anything. I cleared my cache and restarted my computer. No change.

I started digging a little deeper. I opened the image in PSP, the colors are fine. They also appear fine in Safari and Chrome. They look fine in Firefox 12 on the laptop, but not in Firefox 12 on the PC (Win XP on both machines).

I thought maybe there was an add-on messing with my colors. But I opened the 1.9.2 image file in Firefox and it looks correct.

1.9.2 ->        1.10.0 ->

I just added the two images to this post from my own computer. I'm looking at the preview with the images side-by-side. The one on the left (1.9.2) is the one I want. The one on the right (1.10.0) looks much more purple on my screen. The background color is supposed to be #0066cc. I used a color picker to view the color displayed by Firefox. The 1.10.0 version has a background color of #4756c7. I see the same problem with all the new images, even the flat ones.

I looked at the two files with ExamDiff Pro and they are very different. Plus, all the new images are larger than the old images (more than twice as many bytes).

Luckily, I only copied over the CSS file and the new animated-overlay.gif, so I am just going to keep using the old images. But I want to understand what's going on.

So what did jQuery UI do differently when generating their images? And why did they change them? And why does Firefox 12 on my computer show them with different colors?

我整理了一个页面，显示了这里发生的事情。该对话框是对已发送电子邮件的确认，因此您需要填写表格才能弹出对话框。（我想尽可能多地保留原始功能。）

我使用 Themeroller 生成了一个 UI 主题，而我正在使用的对话框完全没有任何样式。以至于对话框是完全透明的，对话框中显示的只是对话框 div 中的文本和无样式的关闭按钮。

我尝试了压缩和未压缩的 UI css 和 js 文件，没有任何变化。

我在同一站点的其他地方使用了一些 UI 效果（突出显示等），它们工作正常。

这是 Themeroller 生成器的问题还是我遗漏了什么？

现在我可以只显示一个带有确认消息的标签，但我真的很想使用一个对话框。

我正在 Liferay 上开发 primefaces portlet。

为portlet 设置主题似乎很容易。：您在 WebInf/lib 中包含 yourTheme.jar，并定义：

在你的 web.xml

但我更愿意在一个中心点为所有 PrimeFaces portlet 设置该主题（如自定义门户主题或某些门户属性）。这样它会影响整个门户，而不是每个单独的 portlet。最好的方法应该是什么？

谢谢！

我正在使用：Liferay 6.1.0 ce ga1。Primefaces 3.5 Jsf 2.1.3

我不确定您需要多少信息来帮助我，所以如果我需要提供更多信息，请告诉我。

我正在使用带有 Themeroller 的 jQuery DataTables。我正在尝试完成这个外观：

但是，无论我尝试什么，这都是我得到的：

我用红色突出显示了我遇到问题的区域。基本上它是页眉和页脚。我知道图像有点难看，但好像页眉和页脚块只是部分被绘制。根据 Chrome，该区域为 1600 像素 x 12 像素。看起来它至少应该是 50px 或更多。

我包括以下 .css 文件：

我的 HTML 底部的 JavaScript 如下：

当我在 Chrome 中检查页面时，没有生成任何错误。如果包含更多内容会有所帮助，我可以这样做，就像我的 HTML 一样，但它有很多。

我在http://jquerymobile.com/themeroller/上创建了 3 个主题。每个主题都有不同的按钮颜色。我尝试将以下按钮主题从数据主题 a 更改为数据主题 c：

使用此功能：

但颜色btnA不变。我该如何进行？

我在 pom.xml 中添加了 all-themes.jar，它适用于 web.xml 中的一个主题。

但是当我在 web.xml 中声明主题为动态使用 EL2.2

当我在下拉列表中更改主题时，主题滚轮出现以下错误。

我尝试了三种方法，一种来自showcase，另一种来自primefaces book，最后一种来自一些教程。我总是得到同样的错误。我什至完全复制了示例中的代码，但仍然没有，我假设我在 web.xml 或 faces-config.xml 中缺少一些设置......有人可以帮助我吗？非常感谢！我使用 Spring 3.1、primefaces 3.5、jsf 2.0.7。

编辑： - 当我导航到另一个页面但不更改起始主题时它可以工作 - 我可以更改主题，但是当主题更改并且我导航到另一个页面时出现上述错误 - 默认主题是什么并不重要，它会加载并只要不更改默认主题，我就可以浏览整个应用程序

我正在为使用 Glassfish 3.1.2、JSF 2.0、PrimeFaces 和 ThemeRoller 的网页开发样式表。问题是当页面加载时，header中包含的文件内容是错误的。例如 fonts.css 包含 jQuery javascript 库，Prime faces CSS 包含我自己的 css 样式等。我试图禁用默认 Prime Faces CSS 样式（http://www.mkyong.com/jsf2/primefaces/remove-all-default- css-styling-from-primefaces/）但这根本没有帮助。这里有什么问题？

我正在尝试在我的 jquery 移动网站中添加自定义主题。

我访问了主题滚轮网站，我设计了一个主题，然后我下载了一个 zip 文件。

里面有一个主题文件夹和一个index.html。在主题文件夹中有一个图像文件夹和2 个 CSS 文件：

1) customTheme.css

2) customTheme.min.css

我将 2) 复制粘贴到我的项目文件夹中。

然后在我的项目中我这样做：

它应该工作正常吗？我在这里做错了什么？

主题不行。。

我正在设计的看起来像这样：

我得到的看起来像这样：

我的 html 看起来像这样：

我使用的自定义 CSS ：

我的 html 正文：

我的意思是我有一个指向我的网站的链接，但是我在 ThemeRoller mobile.php 文件中使用的链接不起作用。我已将我的 ThemeRoller 文件放在它自己的文件夹中，而不是放在我的投资组合网站文件中。在 ThemeRoller 文件夹中，我有：

• css
• 图片
• js
• 移动.php

等等。

在 mobile.php 中，我创建了一个指向我的投资组合索引文件的链接：

我看不出这行有什么问题，但问题是当我在浏览器中加载移动页面时，点击“桌面”，如上图所示，它引导我进入我的网站，但背景是白色的，一切都只是完全错位！这是我的真实网站的图片，当我点击移动网站（ThemeRoller）中的这个链接时。

http://i40.tinypic.com/npmmi0.jpg

如您所见，我的网站有白色背景和一些图片。也有链接，但这只是我网站的一部分。我不知道为什么会这样。我可能做错了什么，这对你们中的一些人来说可能很明显。我打算以某种方式在最明显的事情上失败..

ThemeRoller 的 HTML：

您在下面看到的文件也不在我的网站文件 index.php 中。它们仅在我的 mobile.php 中，如上所示。

有趣的是，当我刷新我的网站时，它又恢复了正常。我网站上的一切都是正常的。诡异的..

我仍在试图弄清楚。如果有人能回答这个问题，我将不胜感激:)。感谢您的时间。我现在要回去尝试解决这个问题。

我将 ThemeRoller 文件移动到与我的网站相同的文件夹中，这样更容易。我仍然遇到同样的问题。

我已自定义主题已下载主题，作为参考添加，但我的移动 UI 未显示我的自定义主题：

这是自定义主题：ThemeRoller Custom Theme 并将其添加为 phonegap Android 但没有结果：

如何在我的应用程序中获取我的主题 Roller 的自定义主题，请在 Gajorates 的回答后帮助我进行屏幕截图：