2010年2月16日火曜日

Tracのデザイン

TracLightningをバージョンアップしたことにより、Themeプラグインが有効になり、簡単にデザインがカスタマイズできるようになりました。

そこで、簡単にデコレーションしてみました。
方法としては、TRAC_ADMINを持っているユーザでログインして管理画面に。
左のメニューからTheme > Customize:Advancedを選択すると、スタイルシートを入力するテキストエリアがでてくるので、好きなようにスタイルシートを記入しましょう。

サンプルとして、私は以下を記入してみました。
h1 {
border-left: 9px solid #ad2021;
margin-bottom: 0px;
padding-left: 0.5em;
font-size: 120%;
font-weight: bold;
margin-top: 2%;
user agent stylesheet
display: block;
margin: 1em 0px;
}

h2 {
border-bottom: 1px solid #ad2021;
border-left: 5px solid #ad2021;
font-size: 14px;
font-weight: bold;
margin: 0.6em 10% 0px 0.4em;
padding: 0px 0.5em 0.1em;
}

h3 {
border-bottom: 1px solid #ad2021;
font-size: 12px;
font-weight: bold;
margin: 0.6em 10% 0px 0.4em;
padding: 0px 0.5em 0.1em;
}
すると以下のような表示になりました。



h4もつかう人は設定するといいと思いますが、とりあえず。

0 件のコメント: