Question

我想更改从drupal下载的主题的CSS。菜单是从左到右，但我用的是从右到左的语言。如何使菜单项从右到左？

菜单的CSS我发现假设我确定了正确的位置是：

/* MENU & link STYLES */

li.leaf {
    list-style-image: url(../images/all/menu-leaf.png);
}
li.expanded {
    list-style-image: url(../images/all/menu-expanded.png);
}
li.collapsed {
    list-style-image: url(../images/all/menu-collapsed.png); /* LTR */
}

#subnavlist a {
    border: 1px solid #ddd;
    color: #444 !important;
    background-color: #eee;
}
#subnavlist li a:hover {
    background-color: #dbdbdb;
}
#navlist2 a {
    color: #888 !important;
}
#navlist2 a:hover, #navlist2 a.active, 
#footer a:hover, #footer a.active {
    color: #333 !important;
}

Answer 1

我不确定这是否能完成你需要的工作（不太清楚），但你可以在你的css中使用direction: rtl;

了解详情：http://www.w3.org/International/tutorials/bidi-xhtml/

Answer 2

默认情况下，li个元素按照它们在标记中的顺序流动/读取。

即

<ul>
  <li>One</li> 
  <li>Two</li>
  <li>Three</li>
</ul>

生成One Two Three（在列表中）。

而li { float:right; }

生成Three Two One，但标记不会改变。

这有意义吗？因此，要在不更改标记的情况下反转列表的“可读”顺序，必须使li元素正确浮动。

可能还有其他方法。

编辑：我应该澄清一下，这适用于水平导航。不确定这是否适用于您〜您的帖子状态菜单是从左到右

Answer 3

我是中国人，我的英语不好。但我希望你能理解这一点。

我认为你可以使用CSS的两个属性：位置：相对; 正确：长度;

长度是当前对象与其父对象之间的距离。

Answer 4

Drupal内置了对RTL语言的支持，并在将语言定义为RTL时交换适当的CSS。如果你看看Garland的核心主题（Drupal 6）或Bartik（Drupal 7），你会发现这个例子。对于定义LTR样式的每个样式表（例如，style.css），应该有相应的RTL样式表（style-rtl.css）。当显示RTL语言时，主题将输出这些。

供参考，look at this documentation page。 Zen theme也对RTL有很好的支持，并且有很好的文档记录。

由于上面示例中的CSS有关于LTR的注释，因此它意味着它支持RTL语言，因此您要进行的更改应该在* -rtl.css样式表中完成。

drupal主题的css到“从右到左”

4 个答案: