Tracサイトのデザインを変えてみる(その２)

[weekbuild]

Tracのデザインって標準でも綺麗なんだけど、 皆がTracそのままじゃ味気ないよね。 ブログサイトみたいに華やかなデザインにしてみたいよね。 ってことで、Tracのスタイルシートの変更方法です。

いろいろ試行錯誤しましたが、結論としては、 「Tracのtrac.cssファイルを直接変更するのが良い」 です。 site.cssに書くという方法もあるんだけど、以下の理由から。

• 大きくデザインを変えようとすると、trac.cssで定義してあるスタイルが邪魔になる。
• site.cssは、linkタグではないので、HTMLにベタ書きされる。(これは@importすれば回避できる)

で、とりあえず、２つほど作ってみました。横幅固定にしたのと、ナビゲーションバーやbanner,footerの背景を変更。

• 派手なオレンジ系。
• おちついたブラウン系。

欲しい人は、このページの添付ファイルをダウンロードして、tracのhtdocsに上書きしてください。（元のファイルのバックアップを忘れずに）

ホントはこのサイトにも適用したかったんだけど、バナーの画像が うまく白抜きできなくて断念。 まあ、Tracのデザインも大胆に変更できそうだということでよしとしよう。