oblique

シンプルモノクロな感じになってます。
背景画像とともに指定されている背景色を変えることで簡単に雰囲気を変えることが出来ます。
livedoor Blogですでに配布しているものをFC2用に移植してみました。
上のプレビュー画像はWinIE6で表示させたときのものです。
他のブラウザでは表示が若干違うかもしれません。
このテンプレートの使用上の注意
・リンクをポイントすると破線がグリグリ動くようになっていますが、リンク文字が改行されている場合は下の行にしか画像が表示されません。
オススメカスタマイズ
記事のはじめにも書いてあるように、画像とともに指定されている背景色を変えることで少し雰囲気を変えることが出来ます。
全体の背景色(斜め線部分)
body{
(中略)
background-color:#888;
}
タイトル部分(トップバナー)の背景色(斜め線部分)
#banner{
(中略)
background-color:#888;
}
トラックバックURLの背景色(斜め線部分)
.trackback-url{
(中略)
background-color:#ddd;
}
トラックバック本文の背景色(斜め線部分)
.trackback-body{
(中略)
background-color:#ddd;
}
コメント本文の背景色(斜め線部分)
.comments-body{
(中略)
background-color:#ddd;
}
引用文(blockquoteタグ)の背景色(斜め線部分)
blockquote{
(中略)
background-color:#eee;
}
それぞれ変更したい箇所の赤文字部分をお好きな色に変更してみてください。
※上二つだけでも十分雰囲気変わります。

例: #888 → #600
他の文字色やリンクの色などは適宜お好きな色にどうぞ。
このテンプレートは個人・法人を問わず自由に使用することが出来ますが著作権は放棄しておりません。
※ただしアダルト関係や宗教関係のブログ、公序良俗に反するブログでのご使用はお控えくださいますようお願いいたします。
画像の二次加工やHTML,CSSをカスタマイズしてのご利用はご自由にしてください。
ただし再配布や共有テンプレート化はお控えください。
このテンプレートに関しまして何かご質問などありましたらこちらにどうぞ。
制作環境は以下の通り。
OS:WinXP
ディスプレイ解像度: 1024x786 32bitカラー
ブラウザ:InternetExplorer6、Firefox1.0.7、Opera8.5、Netscape7.1
IE使用時の文字サイズ:中
ひとつ質問なんですが、テーブル幅の変更はできますでしょうか?初歩的な質問ですみません。もう少し幅が広くなれば是非利用したいので宜しくお願いします[にこっ]
> テーブル幅の変更はできますでしょうか?
出来ないこともありませんがブログの全体幅は固定幅でCSSと画像で固定されていますのでCSSを編集するだけではうまく広がりません。
(広がるのは広がるんですけど背景画像がそのままなので広がって見えません)
希望される全体幅をご指定頂ければ背景画像を作成し、それにあわせたCSSの修正法をこちらにコメントさせていただきますがいかがでしょうか。
ちなみにデフォルトでは全体幅が780px、記事幅550px、サイド幅230pxとなってます。
よろしくお願いします。
シンプルで見やすいテンプレートだと思いました。
カスタマイズは自由にしていい様なので今私は色を変えることには成功いたしました。ただブログの位置をセンタリングにするのがうまく行かないものですから、変えることは可能なんでしょうか?配置の理想を言えば「border」や「pinkish_line」のような感じがいいなと思ってます。もしできるのであれば何処を訂正したらいいのか教えてもらえたらと思っております。よろしくお願いします
> 変えることは可能なんでしょうか?
可能です。
センタリング用の背景画像を用意しましたので次の手順でCSSを編集してください。
まずbody{ }中の
text-align:left;
を
text-align:center;
に変えます。続いて同じ.body{ }の
background:url('http://blog11.fc2.com/c/cie/file/oblique_body.png') repeat-y;
このところを
background:url('http://blog11.fc2.com/c/cie/file/oblique_body_c.png') repeat-y 50% 0%;
に変えます。
最後に#container{ }の中の
margin:0px auto 0px 20px;
を
margin:0px auto;
にを変更して保存します。
これで全体がセンタリングされますよ。[さむあっぷ]
出来ました[笑]どうもありがとうございました。cieさんのテンプレートってシンプルでいて可愛いんで出るたびにダウンロードしてるんです[ぽっ]
これからも頑張ってくださいね。
テンプレート、有り難く使わせていただいておりますm(__)m
少し教えて頂きたいのですが
記事を書くときに、文字に色を付けることが出来ません
どうしたら、色文字を使えるように出来るんでしょうか?
お手数ですが、ヨロシクお願いいたします。
テンプレートのご利用ありがとうございます。
> どうしたら、色文字を使えるように出来るんでしょうか?
投稿フォーム上のツールボタンの左上端にあるボタン(カラフルな□の画像)を使ってもダメでしょうか?
もしツールボタンが使えない状態でしたら
投稿フォームに
<font color="#FF0000">赤い文字</font>
↑このように入れると
赤い文字
というように表示されるはずですよ。
お騒がせいたしました!![きゃー]
以前よりcieさんのテンプレート(oblique)を使わせていただいております。
センタリング用の背景画像(http://blog11.fc2.com/c/cie/file/oblique_body_c.png)が上手く表示されず、一昨日(3月30日)あたりから、背景が灰色一色になってしまいます。
その他の変更箇所は、上記コメントの通り変更してあるのですが、元に戻りません。
他にどのような原因があるか教えていただけると有り難いです。
こちらをお試しください。
http://blog-imgs-29.fc2.com/c/i/e/cie/oblique_body_c.png
ありがとうございました[笑]