当前位置：文江博客话题详情

如何在 trac 的默认主题中使用自定义 css 样式？

发布于 2024-08-04 16:09:42 字数 184 浏览 3 评论 0原文

我的 trac 安装（版本 11.4）遇到一些问题。我应该怎么做才能改变默认主题中的某些颜色？我在网上找到了各种提示，但还没有任何效果，因为大多数提示都是针对 10.x 版本的。

trac.ini 中是否有任何选项，或者我应该在环境中的某处添加特殊的 xyz.css 吗？

请帮助我，我不喜欢默认的黑色和白色白色设计；）

原文

分享到QQ

分享到微博

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

发布评论

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

流年里的时光 2024-08-11 16:09:42

有关如何在版本 0.11 中执行此操作的说明，可以在Trac 站点找到，这里是该页面的一个示例添加了自定义 CSS 以及页眉和页脚。

假设您要添加指向自定义的链接
样式表，然后是您自己的标题
和页脚。创建文件
/path/to/env/templates/site.html 或
/path/to/inherit/option/templates_dir/site.html,
内容如下：

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:py="http://genshi.edgewall.org/"
      py:strip="">

  <!--! Add site-specific style sheet -->
  <head py:match="head" py:attrs="select('@*')">
    ${select('*')}
    <link rel="stylesheet" type="text/css"
          href="${href.chrome('site/style.css')}" />
  </head>

  <body py:match="body" py:attrs="select('@*')">
    <!--! Add site-specific header -->
    <div id="siteheader">
      <!--! Place your header content here... -->
    </div>

    ${select('*|text()')}

    <!--! Add site-specific footer -->
    <div id="sitefooter">
      <!--! Place your footer content here... -->
    </div>
  </body>
</html>

Instructions for how to do this for version 0.11 can be found at the Trac site, here's an example from that page that adds custom CSS as well as a header and a footer.

Say you want to add a link to a custom
stylesheet, and then your own header
and footer. Create a file
/path/to/env/templates/site.html or
/path/to/inherit/option/templates_dir/site.html,
with contents like this:

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:py="http://genshi.edgewall.org/"
      py:strip="">

  <!--! Add site-specific style sheet -->
  <head py:match="head" py:attrs="select('@*')">
    ${select('*')}
    <link rel="stylesheet" type="text/css"
          href="${href.chrome('site/style.css')}" />
  </head>

  <body py:match="body" py:attrs="select('@*')">
    <!--! Add site-specific header -->
    <div id="siteheader">
      <!--! Place your header content here... -->
    </div>

    ${select('*|text()')}

    <!--! Add site-specific footer -->
    <div id="sitefooter">
      <!--! Place your footer content here... -->
    </div>
  </body>
</html>

回复收藏 0 原文