Question

我正在尝试创建一个用于wordpress小部件的CSS悬停图像。我已经在Fireworks中创建了文件并导出了部分CSS，但现在我完全陷入了放置它的位置，以及我所缺少的内容。

以下是Fireworks生成的代码：

.e3circles{ background:url("e3circles.png") top left no-repeat; }
.icons_equity_symb{ width:287px; height:289px; background-position:-10px -10px; }
.icons_equity_symb_1{ width:287px; height:289px; background-position:-307px -10px; }
.icons_energy_symb{ width:300px; height:289px; background-position:-604px -10px; }
.icons_energy_symb_1{ width:300px; height:289px; background-position:-914px -10px; }
.icons_easy_symb{ width:313px; height:289px; background-position:-1224px -10px; }
.icons_easy_symb_1{ width:313px; height:289px; background-position:-1547px -10px; }
.icons_pop{ width:900px; height:289px; background-position:-1870px -10px; }
.icons_pop_1{ width:900px; height:289px; background-position:-2780px -10px; }

图片可以在http://rachelorovio.com/sprites/e3circles.png

看到

我开始使用Studio Press中的主题最小值，其中包含圈子社交媒体图标：http://demo.studiopress.com/minimum/

我的客户希望保留圈子，但出于其他原因我们不得不切换到主题执行。

我已经研究了好几天了，似乎我越了解它就越复杂。每个脚本都不同，所以我甚至无法将它们并排比较。如果你能提供帮助，请告诉我！谢谢！

Answer 1

所以简单的方法是使用插件，你可以试试widget css类：

http://wordpress.org/extend/plugins/widget-css-classes/

否则打开你的主题，为你的主题添加另一个style2.css并在其上添加代码，打开header.php并链接到这个样式..然后转到你的仪表板，添加一个TEXT小部件并调用Div这个圈子会出现在哪里......

古德勒克

Word中的CSS Hover Image在wordpress中的小部件区域

1 个答案: