do_rose_butterflyの2カラム版
↓をクリックで見本
一週間から10日後くらいには登録されるんじゃないかと思います。
2カラムだとなんか下の方が寂しかったので、画面の下に画像が出るようにしました。
せっかく画像を作ったので、3カラムの方にも入れて上書きしてきましたが、下部ですが、プラグインと重なるのがウザかったら、スタイルシートの編集で、bodyのところに設定している壁紙を取っ払ってしまってください(^_^;)
あと、記事の囲みの上の背景のレース壁紙も、doplace1.gifにすれば、3カラムで使っている方に、doplace2.gifにすれば2カラムで申請している方になりますんで、好きな方でどうぞ。
（時期によってプラグイン3タイトルのクラス設定はないものもあります。記事日付け、もしくは記事タイトルだけのは、それだけ替えればOKです）
/* プラグイン3タイトル・コメント・トラバナビなど */
.p3_title {
text-align:left; /* 左寄せ */
font-size:13px; /* 日付のサイズ */
color:#fff; /* 文字色 */
font-weight:bold; /* 文字の太さ */
font-family:Verdana,Chicago; /* フォント指定 */
background-color:#f69; /* 背景色 */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/doplace2.gif); /* 背景画像URL */
background-repeat:repeat-x; /* 画像を横にリピート */
background-position:left;
padding:0 5px 19px;
margin:0;
}
/* 記事日付 */
.entry_day {
text-align:right; /* 右寄せ */
font-family:Verdana,Chicago; /* フォント指定 */
font-size:13px; /* 日付のサイズ */
color:#fff; /* 文字色 */
font-weight:bold; /* 文字の太さ */
background-color:#f69; /* 背景色 */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/doplace2.gif); /* 背景画像URL */
background-repeat:repeat-x; /* 画像を横にリピート */
background-position:left;
padding:0 5px 19px;
margin:0;
}
2カラム版に関して、何かあれば、この記事にコメントをお願いします。
テンプレート部門に参加中。クリックしてくださると励みになります♪
●す、素敵です！！
●ありがとうございます＾＾
気に入ってくださって、コメントも嬉しいです（*´∇｀*）
最近は登録まで時間がかかるんですが、登録された暁にはよろしくお願いします＾＾
●
今度、こちらの2カラムを使用させていただきたいと思っています。
そこで本文の背景を黒にしたいのですが、アイコンとレースの部分が白く残る所があります。
透過って言うんでしょうか？
メニューのアイコンなどと同じように、白い縁取りみたいのをなくすことは出来ますでしょうか？
それと、今使わせていただいてますキューピーの2カラムなんですが、
本文の幅を変更したいのですが、どこを変更したら枠が崩れないように出来るでしょうか？
お忙しいと思いますが、よろしくお願いいたします。
●画像
do_rose_butterflyのメニューアイコンやリストマークは黒背景用にあらかじめ作っているのですが、記事部分に使っている画像は白背景用に作っているので、そうなっちゃうんですね。
たとえ、透過していても、細かい（複雑な形の）画像の白→黒や黒→白は難しいです……あらかじめそれ用に作らないと、うまく背景に馴染みません。
私が作った画像の加工はＯＫにしていますので、もしそちらで加工できるならしてもらって構いません。
一応記事は白を想定して作ったテンプレですし、画像のカスタマイズまですべて引き受けていると、きりがなくなりそうですので、すみませんが、画像の加工は、ご自分で出来る方だけお願いしますm(_ _)m
それと、do_qp_dotは固定幅の画像で記事を囲っているので、記事幅を変えることは出来ません。（こういうタイプのテンプレはすべてそうです）。
今みたいな使い方ですと、はみ出すだけじゃなく、レイアウトが崩れてしまうブラウザもあるのでやめておいた方がいいです＞＜
これも画像枠を作り変えていただくしかないです。
http://blog87.fc2.com/d/dokode/file/10dot.gif
ベースになる画像は横カレンダーの背景にも使っている↑の画像です。まずこれで必要な幅の角丸テーブルを作り、中を白い四角にし、上と中と下の三箇所を切り抜いてください。
http://blog87.fc2.com/d/dokode/file/douepindot.gif
http://blog87.fc2.com/d/dokode/file/donakapinkdot.gif
http://blog87.fc2.com/d/dokode/file/doshitapinkdot.gif
こんな感じの画像枠をお好みのサイズで作ってアップロードします。
そして、スタイルシートの、記事幅や全体幅の他に、画像枠のサイズをそれぞれ書き換えてください。
これが面倒なら、他に幅変更が簡単に出来るテンプレもありますので、そういうのを使うか、貼りたい画像幅に合致しているテンプレを使ってくださいませ。
●承認待ちコメント
コメントを投稿する
この記事のトラックバックURL
この記事へのトラックバック
２カラム、完成したのですね！見本見ましたが、とても素敵です☆
お忙しい中作ってくださり、本当にありがとうございました！！（感激）
登録される日を、今か今かと待っている状態です（笑）。登録されたら
即行でＤＬして、使おうと思います♪楽しみですvvv
それでは、失礼します！