Tracサイトのデザインを変えてみる(その2)
Tracのデザインって標準でも綺麗なんだけど、 皆がTracそのままじゃ味気ないよね。 ブログサイトみたいに華やかなデザインにしてみたいよね。 ってことで、Tracのスタイルシートの変更方法です。
いろいろ試行錯誤しましたが、結論としては、 「Tracのtrac.cssファイルを直接変更するのが良い」 です。 TranEnvフォルダのsite_css.csに書くという方法(#29,TracGuide)もあるんだけど、以下の理由から。
- 大きくデザインを変えようとすると、trac.cssで定義してあるスタイルが邪魔になる。
- site_css.csは、linkタグではないので、HTMLにベタ書きされる。(これは@importすれば回避できる)
で、とりあえず、2つほど作ってみました。横幅固定にしたのと、ナビゲーションバーやbanner,footerの背景を変更。
使いたい人は、上記の「ダウンロード」からダウンロードして、tracのhtdocsに上書きしてください。(元のファイルのバックアップを忘れずに)
ホントはこのサイトにも適用したかったんだけど、バナーの画像が うまく白抜きできなくて断念。 まあ、Tracのデザインも大胆に変更できそうだということで、よしとしよう。
添付ファイル
- orange.png (32.8 kB) - 登録者 weekbuild 19 年 前.
- brown.png (31.1 kB) - 登録者 weekbuild 19 年 前.
- htdocs_brown.zip (32.9 kB) - 登録者 weekbuild 19 年 前.
- htdocs_orange.zip (57.1 kB) - 登録者 weekbuild 19 年 前.
Comments
No comments.