0

我正在使用 LESS 创建一个自定义 Ghost.org 模板 [在我的脑海中]。该设计需要水平导航按钮，其中两个具有图标和文本作为导航提示。

我的代码是在 codepen.io 上的两个示例之后构建的

首先是创建干净的浮动导航按钮： http ://codepen.io/nandu/pen/fkiJn

第二个添加图标： http ://codepen.io/Cheesetoast/pen/qACsJ

这似乎是文件路径问题，但也可能是由于运行 Ghost 本身。

这是我所拥有的：

nav ul li a.ss_logo_button {
.NavFont;
text-decoration: none;
background-color: @color-03;
padding: 1.5em;
text-transform: uppercase;
background: url("file:///C:/Users/mememememe/Desktop/old_ghost/ghost-0.3.3/content/themes/BI-v3/assets/images/SeedSpark-Logo-Sq.png") no-repeat 0px -2px transparent;
}

我以前一直在使用该标签，但这似乎是更正确的方法。也[应该]风格更漂亮。

那么，希望有一个非常简单的解决方案？

4

2 回答 2

1

答案是“嗨，我在 Mac 上”+“是的，ghost 正在“运行”，即使它是本地的”*“必须在 em 中设置高度/宽度”

nav ul li a.ss_logo_button {
.NavFont;
text-decoration: none;
background-color: @color-03;
padding: 1.5em;
text-transform: uppercase;
background: url('../images/SeedSpark-Logo-Sq.png') no-repeat 1em 1em;
}

好消息是，当它上线时，路径根本不需要改变。

感谢@nrrrdcore @kurafire @timocratic @eatings 的帮助和帮助！

于 2014-01-17T05:24:47.403 回答
0 
 nav ul li a.ss_logo_button {
      .NavFont;
      text-decoration: none;
      background-color: @color-03;
      padding: 1.5em;
      text-transform: uppercase;
      background-image: url("file:///C:/Users/mememememe/Desktop/old_ghost/ghost-0.3.3/content/themes/BI-v3/assets/images/SeedSpark-Logo-Sq.png");
      background-repeat : no-repeat;
      backgground-position:0px 2px;

}

试试这个 css 它可能适用于颜色和图像作为背景。

于 2014-01-17T05:17:42.173 回答