bitter Roc

ブログテンプレのなかのひとのメモ

template login
 

template


再配布・画像への直リンク・法律に反する内容のブログでの利用は禁止。
これだけ守っていただければ他の制限はとくにありません。

更新情報
09/04/21 simple_heart (カスタム)2カラム変更用スタイルシートリリース
09/01/09 ribbon_bxy (カスタム)最新記事の上にフリーエリア(2カラムに対応)
09/01/08 simple_heart (修正)追記に開閉機能追加・他

こまかいところ
■動作確認 windowsXP 1280x1024 IE6.0 NN FireFox Opera
■カスタマイズ推奨(design by~の削除可)
■画像は横幅400pxまで(simple_heartは500pxまで)
■コメントフォームの絵文字・デコレーション対応
■スレッド・ジャンル・タグ対応
■プラグイン対応
■素材の流用可。単体で利用の場合どこかにリンクを張っていただけると嬉しいです。
■忍者ブログへのテンプレートインポート可(再配布は不可)
■スクロールバーの色変更(simple_heart 2009/04/21以降版以外)
   例

body,html{
/* スクロールバー */ scrollbar-face-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ff3366;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
}

  をスタイルシートに追加

シンプルな白×緑のテンプレート simple_wxgを白×ピンクに変更、レース背景に フリルとリボンがアクセントのテンプレート 黒いハートがアクセントのシンプルなテンプレート

質問やご意見はメールフォームからどうぞ!

スポンサーサイト

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

ribon_bxy


[ preview ][ 3colam ] フリルとリボンがアクセントのテンプレート

(カスタム)
・背景画像を変えて楽しんでいただけたらと思います。

sample image(縮小・拡大して表示しています)

modan01.gif modan02.gif modan03.gif modan04.gif modan05.gif modan06.gif modan11.gif modan08.gif modan10.gif modan07.gif modan09.gif modan12.gif
気に入ったものがあれば右クリックでお持ち帰りください。


3カラム拡張用ソース(04/23作成) HTML / スタイルシート

IE:右クリック→対象をファイルに保存
Opera:右クリック→リンク先を保存
Firefox:右クリック→名前をつけてリンク先を保存
 テンプレートの設定>テンプレート名:ribon_bxy
 >HTML/CSS:編集
 >ダウンロードしたテキスト文章を編集エリアに上書き>更新


・最新記事の上にフリーエリアを作る

①管理画面からプラグインの設定で
 公式プラグイン追加→フリーエリア を追加、カテゴリを3に変更
 他のプラグインがカテゴリ3に設定されている場合別のカテゴリに変更しておく。

②以下のHTMLをダウンロードしribbon_bxyのHTMLに上書きします。

2カラム:フリーエリア追加用HTML
3カラム:フリーエリア追加用HTML

このHTMLはribbon_bxyを書き換えたものです。
具体的な変更点は
・<!--記事部分 の上にプラグインカテゴリ3を追加
・<!--プラグイン(3カラムのときは<!--プラグイン2・3)の中の
 プラグインカテゴリ3部分を消去
の二つです。スタイルシートは記事とのバランスを考えて記事用のものを割り当てていますので変更はありません。
ある程度カスタマイズ済みの方は上記のこととHTMLを参考にやってみてください。


(修正情報)
初期のものに以下のような不具合がありました。
・IEで閲覧するとフリルと本文のあいだに余白ができる

<対策>スタイルシートの編集から

* html div.section h2 { height : 0px; }


を挿入


・追記の前に拍手ボタンを入れると追記の下に余白ができる

<対策>

/* 段落 */
div.section p { margin : 0.1em;}


/* 段落 */
div.section p { margin : 0px; background-color : #ffffff; }


と変更


いただいたコメントやお返事は追記に保管しています。
スポンサーサイト

lace_wxp

lace_wxp.png
[ preview ] simple_wxgを白×ピンクに変更、レース背景に

以前コメントで「simple_wxgの色違いも~」というありがたいお言葉を
いただいたのでピンクバージョンを作ってみました。
レースとかいらね(・ω・)という方はこちら

master

Author:kicca
こうぶつはたまごぼーろとふがし

calender

02 | 2008/04 | 08
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 - - -

search

mail form

なにかありましたらお気軽にご連絡ください

名前:
メール:
件名:
本文:

FC2Ad

/design by bitter Roc

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