ansaurus

Question

how can I use custom css style in the default theme of trac?

Answer 1

A:

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>

Adam Bellaire 2009-09-04 12:05:37

But this changes the whole template. Do I have to copy the default template into my templates directory and add my custom css code?

Zappi 2009-09-04 12:09:50

@Zappi: That's what we've done. I don't know of any other way to go about it. The way Genshi works I think you have modify the main template to get your custom CSS included. But I am by no means an expert with Genshi. :)

Adam Bellaire 2009-09-04 12:23:33

Adams answer was right, thank you.I thought this would replace the template, but all the select(...) stuff refers to tracs default template. Genshi allows some sort of 'inheritance'. You can select parts of the parents file and import them to your own template.See http://genshi.edgewall.org/wiki/GenshiTutorial#AddingaLayoutTemplateSo this code imports everything from <head> and <body> and adds <link> and two <div> to the page.

Zappi 2009-09-04 14:11:01

Answer 2

A:

Another option is to install a Trac Theme.

RjOllos 2009-11-28 00:10:22

ansaurus

tags:

views:

answers:

how can I use custom css style in the default theme of trac?

related questions