FC2ブログ

オサーンのFC2ブログテンプレート

テンプレートとあと何か

2006-04-17(Mon)

Black Rose

ss 第二作目のテンプレート Black Rose です。
管理画面では black_rose で検索してみてください。  サンプル

黒背景に赤をアクセントとして使い、ちょっと大人びた感じを出したつもりです。
ほとんどの部分でフォントサイズが可変するので閲覧環境を選ぶことなくお使いいただけると思います。

記事中のリンク色を赤にしているので、本文にリンクを多用する方は文字色を変更してお使いいただいた方がいいかもしれません^^;


レイアウトがちょっと特殊になっておりまして、ヘッダー(バナー)部分とフッター部分は左側のカラムに組み込まれています。カスタマイズの際はご注意下さい。

ss

ブログタイトルを表示できる幅に限りがあるため、標準ではタイトルの文字サイズを小さめにしています。文字サイズを変更されたい方はスタイルシートに説明書きを記しておりますのでご一読下さいませ。
同時にブログ説明文も小さめになっています。説明文が長い場合は自動的に複数行となります。

サイドメニューのタイトルに特徴を持たせています(最初の一文字だけ大きい)。アルファベットだと格好いいのですが漢字や仮名だとしっくりこないのでちょっと微妙かもしれません(汗)
サイドメニューのタイトルや日付など数字や英文で表示する箇所だけフォントファミリーを変えると更にいい感じになると思います。 font-family:"Times New Roman", Times, serif" なんかがオススメです。

横型カレンダーはおまけ程度に考えてください^^;小さすぎて実用性は「?」です(汗)
ご不要であればテンプレートで指定している箇所を削除していただいてお使い下さい(削除する部分はテンプレート内で説明しています)

背景に使用している画像は海外サイトで拾ったPSPのピクチャーチューブで作っておりまして、厳密に言えばオサーンがデザインしたものではないんですな。もちろんちょっとは手を加えてますけど。
なので減色とかサイズ変更くらいならご自由にやっちゃってください。

Black Roseの検証結果 HTML CSS

とまぁ、Broack Roseに関してはこんな感じでしょうか。
第三作目はちょっと可愛らしいデザインを予定しております。今週中には登録しますのでこちらも宜しくお願いいたします。

スポンサーサイト



テーマ:共有テンプレート - ジャンル:ブログ

2006-04-17(Mon)

リンクバナー

テキストリンクはどうしてもイヤ!という方はお好きなバナーをお持ち帰り下さいませ。
最下部に貼っていただいても構いませんし、サイドバーに貼っていただいても構いません。

タグをコピーペストでも構いませんが、なるべくならご自分のブログにアップされることをオススメします。

待ち受け画像探検隊
<a href="http://image1000.blog50.fc2.com/" target="_blank"><img src="http://blog-imgs-17.fc2.com/o/s/a/osaan/banner-yellow.gif" style="border:0px;" alt="待ち受け画像探検隊" /></a>

待ち受け画像探検隊
<a href="http://image1000.blog50.fc2.com/" target="_blank"><img src="http://blog-imgs-17.fc2.com/o/s/a/osaan/banner-white.gif" style="border:0px;" alt="待ち受け画像探検隊" /></a>

待ち受け画像探検隊
<a href="http://image1000.blog50.fc2.com/" target="_blank"><img src="http://blog-imgs-17.fc2.com/o/s/a/osaan/banner-red.gif" style="border:0px;" alt="待ち受け画像探検隊" /></a>

待ち受け画像探検隊
<a href="http://image1000.blog50.fc2.com/" target="_blank"><img src="http://blog-imgs-17.fc2.com/o/s/a/osaan/banner-green.gif" style="border:0px;" alt="待ち受け画像探検隊" /></a>

待ち受け画像探検隊
<a href="http://image1000.blog50.fc2.com/" target="_blank"><img src="http://blog-imgs-17.fc2.com/o/s/a/osaan/banner-blue.gif" style="border:0px;" alt="待ち受け画像探検隊" /></a>

2006-04-17(Mon)

ご利用いただく前に

自分がウルサく言われるのが嫌いなので、ウルサいことは言いません。
以下のことをお守りいただくだけで結構です。

  • 素材の二次利用・流用・改変は不可
  • 再配布は不可
  • 著作権表示の削除は不可

以上の3点だけです。

使用している画像素材はオサーンが撮影・自作した物です。よって著作権はオサーンに帰属します。
どうしてもと言う場合は個別にご相談いただければ検討させていただきますのでお気軽に。

再配布は現時点では禁止とさせてください。面倒に巻き込まれるのがイヤなので。
オサーンのテンプレートをベースにするくらいなら公式テンプレのSample・Sample2あたりの方が弄りやすいと思いますよ。

テンプレート最下部に著作権表示を掲載させていただいております。テキストリンクに抵抗がある方はバナー置き場よりお好みのバナーをお持ち帰りいただき変更していただいても構いません。プラグインの「リンク」に加えていただいても結構です。
要は何らかの形で「待ち受け画像探検隊」へリンクしていただければ結構です。(常に表示される場所でお願いします)

以上、我が儘を言って申し訳ありませんがお守りくださいますようお願いいたします。

テーマ:共有テンプレート - ジャンル:ブログ

2006-04-17(Mon)

Blue Moon

SS 拙作テンプレートの第1弾です。管理画面では bblue_moon でお探しいただけます サンプル

青いセロファンに透かして見ているような、そんな感じを出してみました。
月が綺麗な晩に、一夜だけ豹変したいときなどに使っていただけたらと思います。


なるべく読みやすいように配慮したつもりではいますが、黒背景ということで読みにくさは残っています。文字サイズ可変なのでブラウザ側で大きくすることも可能ですが、デフォルトでもう少し文字を大きくされたい方はスタイルシートの以下の部分で調節してみてください。

/* 記事本文 */
.entry-body {
font-size: 83%; /* 文字のサイズ */
line-height: 145%; /* 行間の調節 */
overflow: hidden; /* はみ出した部分はぶった切るよ */
}

font-size:90% くらいが妥当でしょうか?100%だとちょっと大きすぎますね。

こうして文字を大きくするとサイドバーが落ちますので、width:510px; を同時に加えてください。これによりレイアウトの崩れは防げます。

.entry-body {
font-size: 90%; /* 文字のサイズ */
line-height: 145%; /* 行間の調節 */
overflow: hidden; /* はみ出した部分はぶった切るよ */
width:510px; }

赤文字が修正した部分です。

line-height の数値を弄ることで行間を調節できますので、お好みに合わせて変更してくださいね。

余計な機能は一切付けておりません。利用規約の範囲内でご自由にカスタマイズしてお使い下さいませ。

IE6 Firefox Operaで表示確認済みですので安心してお使いいただけます。
Blue Moonの検証結果 HTML CSS

|  HOME  |