チケット #29 (new ブログ)
登録: 18 年 前
最終更新: 14 年 前
Tracサイトのデザインを変えてみる
| 報告者: | weekbuild | 担当者: | weekbuild |
|---|---|---|---|
| 優先度: | （´ー`*） | コンポーネント: | TracDoc |
| バージョン: | キーワード: | ||
| 関係者: |
説明
このサイトのデザインをちょこっと変えてみました。で、そのときの覚え書き。
Tracではほとんど全てのページがスタイルシートによってデザインされている。
で、TracEnv配下のTemplate/site_css.csにCSSを書くと、サイトのデザインを変更できる。
↓こんな感じ。
<?cs
##################################################################
# Site CSS - Place custom CSS, including overriding styles here.
?>
.wikipage h2 {
border-bottom: 1px solid #b00;
border-left: 6px solid #b00;
font-size: 120%;
margin-top: .5em
margin-bottom: .5em;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 0px;
width:98%;
}
.wikipage h3 {
border-bottom: 1px dashed #b00;
width:98%;
padding-left: 11px;
}
cssファイルや、imageファイルを読み込ませたければ、
TracEnv配下のhtdocsフォルダ(いつから出来たのか不明。Trac-0.8には無かったような。)
にファイルを置いて、site_css.csに<?cs var:chrome.href ?>/site/(htdocs配下のパス)と書くと読み込ませることができる。
例：
.blogticket_icon {
background-repeat: no-repeat;
background-image: url(<?cs var:chrome.href ?>/site/hoge.png) !important
}
なお、<?cs var:htdocs_locastion ?>xml.pngみたいに書くと、 Trac本体のiconとかを使える。 '/'がついたりつかなかったりとややこしいので注意。
(None)
チケットの履歴
Note: チケットについてのヘルプは
TracTickets を参照
して下さい。
