◆ 若干廃墟 ◆

[ eme_fireplace_3b ]

• 初期設定の背景画像は、暖炉端に敷いた絨毯のような色彩の jpg 画像を使用。
  ファイルサイズは30kb （やや軽め）程度。
  
  記事本文やメニュー部分に画像を多く使う（ブログペット含む）方の場合、『 本文の画像は、なるべく追記以下に隠してしまう 』 …か、もしくは『 背景画像を非表示にする 』…などして、閲覧者のパソコンへの負担を軽くするよう、留意してください。
  


• 基本的な全体の背景色は黒、記事・アーカイブ等の背景色設定は透明です。
  背景画像などが設定されている場合、その画像の色が見えています。


• 両サイドのメニュー（ slave-column1・2 ）部分は、くくり（ wrapper ）の中にそれぞれ絶対配置してあります。
  
  記事（ master-column ）部分がサイドのメニュー（ slave-column1・2 ）部分よりも短くなると、フッターのあたりの表示が乱れますので、必ず記事部分の方が長くなるよう、記事表示数などを調整してください。


• プラグイン無効時の「アーカイブ」「リンク集」等 各項目のタイトル、カレンダーの曜日は英語表記で、中央配置です。
  


• IEのみ、スクロールバーに配色を設定しています。
  


• プラグイン有効時の記事・アーカイブ等のうち、プラグイン１と２ はslave-columnに、プラグイン３はmaster-column下に配置しています。（ プラグイン３は、トップページだけに表示されます。）
  
  プラグイン３を一番下に置いたまま、入力画面の大きいメールフォームとして使ったり、一番上に配置してフリーエリアにお知らせ事項を書いたり…と、色々活用してください。
      

 [eme_lace-up_2w]

 [eme_lace-up_2b]

 [eme_3col_mint]

上記の3つのテンプレートについて、「Internet Explorer 7 RC1 で閲覧した時、ブログ画面の表示（文字）が極端に小さくなる」…という不具合を修正しました。

『以前のバージョンでも、大丈夫。』 という方は、引き続きそのままお使いください。（機能は同じです）

『以前のバージョンだと、見づらいな…』 と思われる方は、お手数ではありますが新しいバージョンをダウンロードしてご利用ください。
Internet Explorer 7 RC1 で見てビックリされた方、すいません…(´・ω・`)

 

なお、当方が配布中のこれら以外のテンプレートにおいては、IE7 RC1 でも正常に表示される事を確認しております。引き続き、そのままお使いください。

gif  ファイルなどの、単色、もしくは色の境界線がはっきりした画像に向く色変更方法です。

画像の色変更をしたい場合、gif ファイル形式を扱えるソフトを 用意してください。
代表的なものには、フォトショップ・エレメンツなどがあります。
（プリンターやスキャナーの購入時、おまけについてきたりするソフトです）

詳しい手順は、主にフォトショップエレメンツの機能を元にして書いています。
追記以下を参照してください。

コメント欄の文字が背景画像と重なった時、やや見づらくなる状態を修正しました。（記事本文欄と同じ背景を、コメント表示欄・トラックバック表示欄にも設定。）
本文部分と同じように背景の夜空を透過しつつ、コメントなどの文字が見えます。

『以前のバージョンでも、大丈夫』 という方は、引き続きそのままお使いください。（機能は同じです）

『以前のバージョンだと、コメント欄が見づらいな』 と思われる方は、お手数ではありますが新しいバージョンをダウンロードしていただくか、または、追記以下を参照して、CSSでコメント欄の『div.section-b』の設定部分を修正してください。

/*--- コメント・トラックバック部分全体の背景・幅・下との間隔 ---*/

 div.section-b { width: 541px;
                 margin-bottom: 50px;
                 background: url("http://blog11.fc2.com/e/emeraldmountain/file/dot20x20-222.gif") top left repeat; }

• 初期設定の背景画像は、窓越しに望む銀河と月の jpg 画像を使用。ファイルサイズは51kb 程度。（やや重めです）
  
  記事本文やメニュー部分に画像を多く使う（ブログペット含む）方の場合、『 本文の画像は、なるべく追記以下に隠してしまう 』 …か、もしくは『 背景の銀河+月画像を非表示にする 』…などして、閲覧者のパソコンへの負担を軽くするよう、留意してください。
  


• 記事タイトル・プラグイン３タイトルの背景は、白い枠の中に濃いグレーのドットを敷き詰めた、透過効果のある gif 画像。
  記事本文全体の背景は、濃いグレーで透過効果のある、20×20px のgif 画像です。
  
  記事フッターの背景画像は、白い枠。透過効果のある、gif 画像です。
  


• 基本的な全体の背景色は黒、記事・アーカイブ等の背景色設定は透明です。背景画像などが設定されている場合、その画像の色が見えています。
  
  背景画像を初期設定の物から別の物に変更した場合、全体の背景色が見えなくなることもあります。
  


• プラグイン無効時の「アーカイブ」「リンク集」等 各項目のタイトル、カレンダーの曜日は英語表記で、中央配置です。
  


• IEのみ、スクロールバーに配色を設定しています。
  


• プラグイン有効時の記事・アーカイブ等のうち、プラグイン１と２ はslave-columnに、プラグイン３はmaster-column下に配置しています。（ プラグイン３は、トップページだけに表示されます。）
  
  プラグイン３を一番下に置いたまま、入力画面の大きいメールフォームとして使ったり、一番上に配置してフリーエリアにお知らせ事項を書いたり…と、色々活用してください。
      

昨日登録申請したので、明日か明後日あたり公開かと。（06月21日10:52 追記…以外に早く公開されたもよう。20日夜から公開された？）ファイルサイズ大き目の jpg 画像を、背景に使ってみました。

FC2ブログでは、記事を投稿する際に 『ジャンル』 と 『スレッドテーマ』 を選ぶ事ができます。

私が配布したテンプレートの中には、それらの表示に対応していないものもあります。その場合、以下のタグをHTMLとCSSに追加することで、記事上に表示できます。
追記以下を参照してください。

逆に、この機能がついているテンプレートを使用していて、ジャンルやテーマを表示したくない場合は、HTMLに書かれたコメントにしたがって、該当部分のタグを削除してください。

<!--more_link-->
〜略〜
<!--/more-->

<!--▼ジャンル・スレッドテーマの表示-->
<!--▼ジャンル・テーマを非表示にしたい場合、以下を削除▼-->
<!--community-->
<div class="community">テーマ→<a href="<%topentry_thread_link>" title="<%topentry_thread_title>へ移動"><%topentry_thread_title></a> / ジャンル→<a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>へ移動"><%topentry_community_janrename></a></div>
<!--/community-->
<!--▲ジャンル・テーマを非表示にしたい場合、ここまでを削除▲-->

/*-- テーマ・ジャンルの文字位置 --*/

div.community { padding: 10px 0 0;
                 text-align: right; } 

私が共有登録しているテンプレートデザインは、初期状態でプロフィール画像がカラムの中央に配置されるよう、CSSで設定してあります。

これは、
プラグインの設定 ＞ プラグインの編集 ＞ 設定の変更 ＞ コンテンツの文字位置
…の部分で、『 中央寄せ 』 または 『 右寄せ 』 を選択した時に、プロフィール画像と自己紹介文が 『 一緒に中央寄せ 』 もしくは 『 一緒に右寄せ 』 になるのを避けるための、配置設定です。（中央配置にしているのは、単に私の好みです^^）

画像の表示位置は、CSSのの該当部分を書き換えて右寄せ・左寄せに変更します。追記以下を参照してください。

/* --- プロフィール画像の余白・表示位置（プラグイン無効・有効時共通）--- */

.author-image img,
.plugin-myimage img { display: block;
                      margin: 0 0 15px;
                      text-align: center; }

html>body .author-image img,
          .plugin-myimage img { display: block;
                                 margin: 0 auto 15px; }
/* Opera、Firefoxなど比較的新しいブラウザでのプロフィール画像表示位置 */

/* --- プロフィール画像の余白・表示位置（プラグイン無効・有効時共通）--- */

.author-image img,
.plugin-myimage img { display: block;
                      margin: 0 0 15px;
                      text-align: right; }

html>body .author-image img,
          .plugin-myimage img { display: block;
                                 margin: 0 auto 15px 0; }
/* Opera、Firefoxなど比較的新しいブラウザでのプロフィール画像表示位置 */

/* --- プロフィール画像の余白・表示位置（プラグイン無効・有効時共通）--- */

/*.author-image img,
.plugin-myimage img { display: block;
                      margin: 0 0 15px;
                      text-align: center; }

html>body .author-image img,
          .plugin-myimage img { display: block;
                                 margin: 0 auto 15px; }*/
/* Opera、Firefoxなど比較的新しいブラウザでのプロフィール画像表示位置 */

/* --- プロフィール画像の余白・表示位置（プラグイン無効・有効時共通）--- */

.author-image img,
.plugin-myimage img { display: block;
                      margin: 0 0 15px;
                      text-align: left; }

html>body .author-image img,
          .plugin-myimage img { display: block;
                                 margin: 0 0 15px auto; }
/* Opera、Firefoxなど比較的新しいブラウザでのプロフィール画像表示位置 */

06月09日付けで [ eme_lace-up_2b ] の共有登録を申請しました。

 

前々から、ち〜と考えていたのですが…性別を問わず使えるようなデザインを作りたいな、と。

 

………で。
黒ベースで、ターコイズ調のボタンアイコンを作ってみたり。リンク色も、ターコイズ色の濃淡にしてみたり。ベルトの金具部分は、くすんだシルバー色をイメージして作ってみたり。

色や形、質感が気に食わなくって、何度も作り直して…ようやく 『これだ』 ってものが出来上がった時の嬉しさ。…自分で一から素材を作ってる人にだけわかる、喜びと苦しさ。

 

う〜ん…もっと色んなスタイルのデザインを作ってみたいけど、頭は一つ、手は二本。できる事も、時間も限られてます。たま〜に、『一日が36時間ぐらいあればなぁ…』 と、思うこともあります。

 

ま、無理せんと、のんびりマイペースでいきたいもんですが。

 [ eme_lace-up_2b ]

• 初期設定の背景画像は、ヘッダーとフッター部分に黒ベルト風画像、ボディ部分の背景には、肌がチラリとのぞく雰囲気の編み上げ調の画像。
  
  記事タイトル・プラグイン３タイトルの背景は、黒ベルト風画像、記事本文・プラグイン３内容部分の背景画像は、黒地に濃いグレーのジグザグ模様です。
  
  ヘッダー・フッター・ボディ・プラグイン３のタイトル背景画・リスト用アイコンは、透過効果のあるgif画像を使用。
  記事タイトル・記事本文・プラグイン３内容部分の背景には、透過効果は無し。（背景色は黒）
  


• 基本的な全体の背景色は黒、記事・アーカイブ等の背景色設定は透明です。
  背景画像などが設定されている場合、その画像の色が見えています。
  
  背景画像を初期設定の物から別の物に変更した場合、全体の背景色が透けて見えることもあります。
  


• アーカイブ・リンク集等 各項目のタイトル、カレンダーの曜日は英語表記で、中央配置です。
  


• IEのみ、スクロールバーに配色を設定しています。
  


• プラグイン有効時の記事・アーカイブ等のうち、プラグイン１と２ はslave-columnに、プラグイン３はmaster-column下に配置しています。（ プラグイン３は、トップページだけに表示されます。）
  
  プラグイン３を一番下に置いたまま、入力画面の大きいメールフォームとして使ったり、一番上に配置してフリーエリアにお知らせ事項を書いたり…と、色々活用してください。