趣味でいろんな事やってます。今はテンプレートやカスタマイズ方法 HTML CSSについて書いています。『完成!』とか『クリア!』と達成感を味わいたい。 そんなこんなで へたのヨコズキ 趣味紹介ページです。
 
 
 
 
 
 
スポンサーサイト
 
 
【--/--/-- --:--】
 
 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


 賞金クリックランキング ブログランキング・にほんブログ村へ FC2ブログランキング 人気ブログランキング
 
 
 
▲TOP
 
 
 
 
羊テンプレカスタマイズ3(カレンダー部)
 
 
【2006/02/25 05:38】
 
 
なおなおさんより カレンダーについて困ってるそうなので、
カレンダー部分を羊テンプレに合わせるためのプラグインカスタマイズです。

まずはこのブログと同じプラグインについてですが
共有プラグインの方から bluenightさんの作ったカレンダー(月別)プラグインを使用しております。
bluenightさんさんのページでも詳細について説明してくださってるようですので 皆さん足を運んで見てください。

羊テンプレのみに合わせる為には 追記欄で説明しますので 参考にしてください。
○ダウンロード方法
管理画面>プラグインの設定(左側メニューにあります)
>プラグインの追加 [ 公式 / 共有 ]の共有をクリック

カレンダー(月別)をクリック(ただ今週間も総合も第1位です)
『追加する』ボタンをクリック

これでダウンロードできました。

○プラグインの設定
管理画面>プラグインの設定(左側メニューにあります)
>カレンダー(月別)の設定の変更をクリック

カレンダー(月別) となっている所を"calender"などブログの雰囲気に合わせて英文字などに変えることが出来ます。

タイトル文の文字位置 コンテンツの文字位置 を中央寄せに変更してください。

○プラグインのHTML編集
管理画面>プラグインの設定(左側メニューにあります)
>カレンダー(月別)のHTML編集をクリック
(タイトルを変更している場合は"変更後の名前"のHTML編集になってます)

[ カレンダー(月別) ] のHTMLの編集のタイトルの下にテキストエリアがありHTML編集できるようになってます。
(タイトルを変更している場合は["変更後の名前"]のHTML編集になってます)


上から15行目くらいのところにstyle="width:100%;" という記述がありますので
80%に変更してください(半角英数字で)


これで 私のブログと同じ設定でカレンダー表示されるようになります。



後日 一部改行されてしまう部分について追記しました。

○やり方その1HTML編集にて 編集画面を出した後
HTML編集のテキストエリアの中ほどに

≪│<%now_year>/<%now_month>│≫

このような記述がありますので 縦線を削除して

≪<%now_year>/<%now_month>≫

このような状態にする方法
(簡単にできますが 間にある文字を省いて行を短くしただけなので デザインが変わるのがお嫌な方は その2の方法を試してみてください)

○やり方その2
管理画面>ブログデザインの設定>修正(koju-hitsuji1のテンプレートの修正です)
そうすると出てきた画面に
スタイルシートの編集 koju_hitsuji1を編集しています。』という文の下に
テキストエリアがありスタイルシートの編集が出来るようになってますので
一番下に以下のスタイルシートを書き加えてください。

.calender caption a:link {
font-size: 10px;
color: #66633;
}
.calender caption a:visited {
font-size: 10px;
color: #999933;
}
.calender caption a:visited {
font-size: 10px;
color: #666633;
}
.calender caption a:hover {
font-size: 10px;
color: #999933;
}

スポンサーサイト

 賞金クリックランキング ブログランキング・にほんブログ村へ FC2ブログランキング 人気ブログランキング
カスタマイズ >> ブログ
 
 
 
▲TOP
 
 
 
 
この記事に対するコメント
 
 
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
【2006/02/25 14:11】 URL | # [ 編集]

管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
【2006/02/25 15:24】 URL | # [ 編集]

管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
【2006/02/25 16:00】 URL | # [ 編集]

管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
【2006/02/26 22:48】 URL | # [ 編集]

管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
【2006/02/27 13:42】 URL | # [ 編集]

管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
【2006/03/02 15:51】 URL | # [ 編集]

 
 
 
▲TOP

 
 
 
 
この記事に対するコメント投稿
 
 















 
 
 
▲TOP

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。