Milliさんの基本3カラムのカスタマイズ覚え書き
Milliさんのサイトがドメイン移行のためしばらく見れなくなるかもしれないので、今までのと重複するけど自分のためにまとめておくことにしました。
【HTMLテンプレート】
人気blogランキング
<h1 id="top">{blog_name}</h1> ↓ <h1><a href="ブログURL" title="ブログタイトル"><span>ブログタイトル</span></a></h1>これはタイトル部分を画像に変更した際、画像にトップページへのリンクを張る方法
<!-- BEGIN page --> <div class="page"> {prev_page_link} {page_now}/{page_num} {next_page_link} </div> <!-- END page --> ↓ <!-- BEGIN page --> <div class="page"> {prev_page_link} <!-- BEGIN page_exp --> {page_navi_exp} <!-- END page_exp --> {next_page_link} </div> <!-- END page -->ページの表示を「#/##」から「1 2 3 4 5 >>」に変更 【CSSテンプレート】 /* 全体の設定 */
a:link {text-decoration: none;} a:active {text-decoration: underline;} a:visited {text-decoration: none;} a:hover {text-decoration: underline;} を追加
background-image:url({site_parts}○○○.gif);○○○.gifを壁紙にする /* 配置と色指定 */
div#banner{ height:100px; color:#FFFFFF; background-color:#002F65; } を div#banner{ width:778px; color:#FFFFFF; background-color:#110f74; } に変更
div#banner h1{ padding:10px 15px 0; ← 取る font-size:18px; font-weight:bold; }
以下を追加 div#banner h1 a{ width:778px; height:100px; background-image:url({site_parts}○○○.jpg); display:block; } div#banner h1 span{ display:none; }○○○.jpgをバナーに指定
div#banner p.description{ padding:3px 20px; } を div#banner p.description{ display:none; ← 環境設定でしたブログの説明を表示しない }/* その他の設定 */
.pict{ border:1px solid #002F65; } を以下の通り .pict{ border:none; ← 線をなくした } text-align:center; } img.pict_mb { ← モブログ用画像の設定 float: left; clear: left; border:none; padding-right: 1.5em; } .topmemo{ ← ちょっと一言の設定 margin:0px; padding:20px 25px 30px; font-size:11px; }その他文字の色などを好みの色に変更
dd#archivelist{ overflow:auto; height:360px; }月別記事をスクロール化
人気blogランキング
Serene Bachのエントリー12件
Serene BachからMovable Typeへ:移行方法
DrecomRSSのブログリストを利用して更新情報を表示
Dog*Walkブログの分割
新着表示プラグインを導入
ちょちさんのエントリタイトル用画像をお借りしました♪
記事タイトルの背景をカテゴリーアイコンと統一
サイドメニューにカテゴリアイコン画像設定
ステータス文字変更に挑戦
並べ替えのプラグイン、便利です!
TBピープルにトラックバックすると文字化け発生
SB2.03Rで作成した記事を修正すると
スパムフィルター(簡易版)が1.1.1にバージョンアップ!
URLとリンク
このエントリーのURL:
このエントリーへのリンク:
トラックバック
このエントリーのトラックバックURL:



イヌのコト 


