<< TiddlyWiki - 秘... TiddlyWikiのまとめ >>
 

TiddlyWikiスタイル変更 - 2列 右メニュー

はじめに

TiddlyWikiのスタイルを変更して楽しむ記事です。デフォルトの3列から2列にし、メニューを右側に配置する方法です。記事部分が大きく利用できるのでなにかと便利です。またタイトル部分のpaddingを小さくしましたので記事部分を大きく利用できます。


a0031863_1322276.jpg


デザインの変更 2列 右メニューの例

TiddlyWikiのStyleSheetに以下のコードを入れて保存して下さい。2列の右メニューになります。

StyleSheet


#mainMenu {
position: static;
width: auto;
text-align:right;
padding: 0em 1em 0em 1em;

background-color: #eee;
color:#cccccc;
}

#displayArea {
margin:0 17em 0 1em;
padding:0;
}

#sidebar {
position: absolute;
right: 10px;
width: 16em;
font-size: .9em;
}

.headerShadow,
.headerForeground {
padding: 1em;
}




今日のメモ - TiddlyWikiのスタイル変更について

今回はデフォルトのTiddlWikiを用いて変更する方法です。HTML部分は変更せず、CSSのみを変更しました。TiddlyWikiのCSSはTiddlyWikiのHTML部分に書き込まれている部分と、以下の記事として書かれています。通常はStyleSheetのみを追加することでスタイルを変更が可能です。以下の記事のタイトルは普段は表示されていませんが、サイドバーのタグのMoreをクリックし、Shadowedをクリックするを表示することができます。


  • StyleSheet
  • StyleSheetColors
  • StyleSheetLayout
  • StyleSheetPrint


a0031863_1322434.jpg



私の以下のサイトでも同じ内容をアップしておきました。
素敵なTiddlyWiki - カスタマイズノート 第2版
[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2006-12-03 13:22 | ├TiddlyWiki | Trackback | Comments(0)
トラックバックURL : http://potto.exblog.jp/tb/4786623
トラックバックする(会員専用) [ヘルプ]
※このブログはトラックバック承認制を適用しています。 ブログの持ち主が承認するまでトラックバックは表示されません。
<< TiddlyWiki - 秘... TiddlyWikiのまとめ >>
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。