Pico用忘備録

Movable Typeブログスタイル Pico 1.0 (White) 変更メモ。
1、引用部分変更
スタイルシート（ttp://retour.sakura.ne.jp/cgi-bin/mt5/mt-static/support/themes/pico-white/pico-white.css）の blockquote 部分を変更。
参考サイトメモ：

引用（blockquote）をCSSで指定する方法

■　青の別バージョン
blockquote{
background-color: #EEEEEE;
border-left: 10px solid #B4C7D2;
margin-right: 5px;
margin-left: 20px;
padding: 3px;
}

・変更前

.asset .asset-content blockquote {
color: #777;
border-top: 1px solid #eee;
border-bottom: 1px dotted #eee;
}

・変更後

.asset .asset-content blockquote {
background-color: #EEEEEE;
border-left: 10px solid #B4C7D2;
margin-right: 5px;
margin-left: 20px;
padding: 3px;
}

2、HTML ヘッダーに LightBox のタグを追加（ LightBox のインストールは以前に済んでいる）
あれ、参考にしたサイトは活動停止なのかな？　分かりやすかったのでメモさせて。

4. MTのダッシュボードにアクセスして新たにモジュールテンプレートを作成。テンプレート名は「LightBox(js)」、記述内容は以下の通り。
<script type="text/javascript" src="<$MTBlogURL$>lightbox/js/prototype.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="<$MTBlogURL$>lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="<$MTBlogURL$>lightbox/css/lightbox.css" type="text/css" media="screen" />
5. 「HTMLヘッダー」テンプレート（MT4.2の場合）に3で作った「LightBox(js)」モジュールをインクルード。追加する文字列は以下の通り。
<$MTInclude module="LightBox(js)"$>