fc2ブログ
2005.11.05

oblique

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;
}

それぞれ変更したい箇所の赤文字部分をお好きな色に変更してみてください。
※上二つだけでも十分雰囲気変わります。

#600

例: #888 → #600


他の文字色やリンクの色などは適宜お好きな色にどうぞ。


このテンプレートは個人・法人を問わず自由に使用することが出来ますが著作権は放棄しておりません。
※ただしアダルト関係や宗教関係のブログ、公序良俗に反するブログでのご使用はお控えくださいますようお願いいたします。


画像の二次加工やHTML,CSSをカスタマイズしてのご利用はご自由にしてください。
ただし再配布や共有テンプレート化はお控えください。


このテンプレートに関しまして何かご質問などありましたらこちらにどうぞ。


制作環境は以下の通り。
OS:WinXP
ディスプレイ解像度: 1024x786 32bitカラー
ブラウザ:InternetExplorer6、Firefox1.0.7、Opera8.5、Netscape7.1
IE使用時の文字サイズ:中

スポンサーサイト




Posted at 12:37 | Template | COM(11) | TB(0)
この記事へのトラックバックURL
http://cie.blog11.fc2.com/tb.php/23-19a0bf56
この記事へのトラックバック
この記事へのコメント
シンプルなテンプレで惚れちゃいました!
ひとつ質問なんですが、テーブル幅の変更はできますでしょうか?初歩的な質問ですみません。もう少し幅が広くなれば是非利用したいので宜しくお願いします[にこっ]
Posted by ちーこ at 2005.11.05 22:20 | 編集
ちーこさんはじめまして。ご検討いただきありがとうございます。[にこっ]

> テーブル幅の変更はできますでしょうか?
出来ないこともありませんがブログの全体幅は固定幅でCSSと画像で固定されていますのでCSSを編集するだけではうまく広がりません。
(広がるのは広がるんですけど背景画像がそのままなので広がって見えません)

希望される全体幅をご指定頂ければ背景画像を作成し、それにあわせたCSSの修正法をこちらにコメントさせていただきますがいかがでしょうか。

ちなみにデフォルトでは全体幅が780px、記事幅550px、サイド幅230pxとなってます。
よろしくお願いします。
Posted by cie at 2005.11.05 22:54 | 編集
初めまして
シンプルで見やすいテンプレートだと思いました。

カスタマイズは自由にしていい様なので今私は色を変えることには成功いたしました。ただブログの位置をセンタリングにするのがうまく行かないものですから、変えることは可能なんでしょうか?配置の理想を言えば「border」や「pinkish_line」のような感じがいいなと思ってます。もしできるのであれば何処を訂正したらいいのか教えてもらえたらと思っております。よろしくお願いします
Posted by ボノ at 2005.11.06 22:34 | 編集
ボノさんはじめまして。[くるっ]

> 変えることは可能なんでしょうか?
可能です。
センタリング用の背景画像を用意しましたので次の手順で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;
にを変更して保存します。

これで全体がセンタリングされますよ。[さむあっぷ]
Posted by cie at 2005.11.06 22:57 | 編集
こんばんは
出来ました[笑]どうもありがとうございました。cieさんのテンプレートってシンプルでいて可愛いんで出るたびにダウンロードしてるんです[ぽっ]

これからも頑張ってくださいね。
Posted by ボノ at 2005.11.07 00:29 | 編集
はじめまして!
テンプレート、有り難く使わせていただいておりますm(__)m
少し教えて頂きたいのですが
記事を書くときに、文字に色を付けることが出来ません

どうしたら、色文字を使えるように出来るんでしょうか?

お手数ですが、ヨロシクお願いいたします。

Posted by ぶらっくぱーる at 2005.11.10 21:05 | 編集
ぶらっくぱーるさんはじめまして。[くるっ]
テンプレートのご利用ありがとうございます。

> どうしたら、色文字を使えるように出来るんでしょうか?
投稿フォーム上のツールボタンの左上端にあるボタン(カラフルな□の画像)を使ってもダメでしょうか?

もしツールボタンが使えない状態でしたら
投稿フォームに
<font color="#FF0000">赤い文字</font>
↑このように入れると
赤い文字
というように表示されるはずですよ。
Posted by cie at 2005.11.11 01:48 | 編集
すいません、変更できました

お騒がせいたしました!![きゃー]
Posted by ぶらっくぱーる at 2005.11.14 20:20 | 編集
はじめまして。
以前よりcieさんのテンプレート(oblique)を使わせていただいております。

センタリング用の背景画像(http://blog11.fc2.com/c/cie/file/oblique_body_c.png)が上手く表示されず、一昨日(3月30日)あたりから、背景が灰色一色になってしまいます。

その他の変更箇所は、上記コメントの通り変更してあるのですが、元に戻りません。
他にどのような原因があるか教えていただけると有り難いです。
Posted by tomi at 2009.03.31 11:28 | 編集
画像等保存されてるところが変わったようですね。
こちらをお試しください。
http://blog-imgs-29.fc2.com/c/i/e/cie/oblique_body_c.png
Posted by cie at 2009.04.01 22:02 | 編集
URL変更したら無事に戻りました。

ありがとうございました[笑]
Posted by tomi at 2009.04.04 12:46 | 編集
この記事へコメントする

ご利用のブラウザ、設定ではご利用になれません。
  コメントが反映されない現象が起こっているようですので お手数ですが「書込」ボタンを押される前に本文を全てコピーしておいて下さい。
書き込み後はコメントが反映されているかどうか確認をお願い致します。