不定期雑記

テンプレート[simply_sky]で使用しているタイトル画像の文字なしバージョンをご案内。

通常のタイトル画像は右下に「fly to sky」と入っています。画像サイズは570px×200px。

このサイズに合う画像であれば、まぁどんな画像でもタイトル画像にしていただいていいのですが…なかなかないでしょうね(苦笑。
と、いうわけで。

文字は要らないんだけどなぁ…という方のために、文字なしの画像をこちらに置いておきます。画像自体は同じもの。文字だけないバージョンです。

そしてこちらは、別の空の画像です。



画像をクリックすると570px×200pxの大きさの画像が別窓で開きます。これを保存して、ご使用くださいませ。

画像の変更の仕方→詳しくは追記にて。

続きを読む »

kanazakanaのテンプレートをご使用いただき、ありがとうございます。

画像入りの記事を作る場合の注意事項をすこしお話します。

私の作成するテンプレートでは、画像入りの記事にした場合、自動的に画像は記事本文の左側へ寄り、画像の右上から本文がまわりこんで表示できるようにしてあります。

例　こんな感じですね。
画像は左側、本文は画像の右上から画像の横をまわりこんで、自動的に折り返して続くように表示されます。画像の下側まで本文が続くようだと、自動的に画像の下にも余白を作ってありますので…、背景行と文章とがずれることなく表示されます。例として藤の画像をアップしてありますが、その画像の右側から下へこの文章は回りこんで表示されていることと思います。

ただし、上の状態と同様に投稿する場合には、やらなくてはならないことがあります。
通常「ファイルのアップロード」で画像をアップしてから記事にする手順になりますが、記事を書く段階で表示される

<a href="画像のアドレス" target="_blank"><img src="画像のアドレス" alt="" border="0"></a><br clear="all">

というタグのなかから、一番最後の部分

<br clear="all">

を削除して、投稿してください。 そうすると画像の横を文章が自動的に回りこみするようになります。

プラグインや記事タイトル部の画像を変更する方法です。
記事部分なら日付の前に入っている小さい画像のことです。

この画像は、テンプレートの「HTML」の中に直接記述されている部分になります。
ですので、テンプレートの編集の、HTMLの中から今現在
"http://blog4.fc2.com/k/kanazakana/
file/one_point.gif"という記述になっている部分を、自分の表示させたい画像のアドレスに変更してください。

但し、この"http://blog4.fc2.com/k/kanazakana/
file/one_point.gif"という部分は、プラグイン、非プラグイン用部分あわせて10箇所以上ありますので、検索をかけて置換をした方が直し忘れがないんじゃないかな？と思います。

当ブログで公開中のテンプレートにおける、タイトル部分枠内の画像の変更方法です。
簡単に解説してあるだけですので、わからない部分があったらご連絡くださいませ。こちらで分かる範囲のことはお答えします。


管理者ページの「テンプレートの設定」よりテンプレートの編集を選択。
下側の「スタイルシートの編集」欄の中から

/* ブログタイトル・サイト説明欄の高さ */
/* タイトル文字の右寄せは下記leftをrightに */
div#title{
HEIGHT : 200px;
text-align : left;
/* ★写真交換は下記URLを変更 */
BACKGROUND-IMAGE: url
("http://blog-imgs-18.fc2.com/k/a/n/kanazakana/flower.jpg");
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION : 100% 0%;
BORDER : #f39800 1px solid;
padding : 10px
}
という部分を探してください。
(上から三分の一程度のところにあります。)

BACKGROUND-IMAGE: url("★")
★の中を画像のアドレスにすれば画像変更終了。

タイトル枠の大きさは
横：400px　縦：200px　になっているので、
その大きさにあわせた画像を入れるか、
それより大きい画像を入れる場合はテンプレートを適宜修正してください。
デフォルトでは枠の右下に画像が表示される設定にしてあります。

テンプレート制作環境。

要は私のパソコン環境ですね。

• OS：windows2000


• ブラウザ：Sleipnir、IE6、Firefox、opera9


• アプリ：dreamweaver、photoshop7(時々fwやイラレ)


macはないので未確認です。