CANPAN ブログ検索
Loading
  • もっと見る
Main | 記事の部分»
タイトル画像の設置方法及び、背景画像の設置方法 [2009年01月19日(Mon)]
このブログで
カスタムスキンのタイトル画像の設定方法について
いくつか記事を書いて説明をしてきましたが、

Canpan事務局のヘルプに
よりわかりやすくキラキラ
詳しい説明が掲載されていましたので紹介します笑い



・『タイトル画像の設置方法』
https://blog.canpan.info/html/help/help12.html#50





・『背景画像の設置方法』
https://blog.canpan.info/html/help/help13.html#51

タイトルの背景画像を夏山(奥穂高)に変更 [2008年07月19日(Sat)]
前回、
アニメーションGIFの作成方法」について記事を書きました。

タイトルの背景画像が梅雨の紫陽花のままだったので、
今日、夏山(奥穂高)のアニメーションGIF画像に
変更してみました笑い




ブログタイトルの背景画像の設定方法の詳細については
以前の記事をご覧ください。


再度、簡単に説明すると…
カスタムスキンでしかできませんが、
スタイルシートの次の部分に
たった1行加えるだけで簡単に変更できます。




ブログのタイトルに
団体の活動写真や季節の催しを掲載すると
訪問者にとって
より魅力的に感じてもらえると思いますまる




※平成20年12月1日
 背景画像を四季桜に変更しました(静止画)。







アニメーションGIFの作成方法 [2008年07月10日(Thu)]
あしたの実さんから
コメントで質問をいただきましたまる

> こんにちは。画像をスライドで標示したいのですが、どうもうまくいきません。
> このトップの紫陽花のように
> ブログ画像をアニメーショングラフィックに表示する方法はどうすればよいのですか?

まず、
このブログのタイトルの背景画像は
アニメーションGIFを使っています。

アニメーションGIFとは
GIF画像をつなぎ合わせて
一つのファイルにしたものです。

パラパラマンガを見ていると思ってもらえれば
わかりやすいと思います。




アニメーションにできるのはGIF画像だけで、
JPEG画像やPNG画像は
アニメーションにすることができません。

GIF画像をつなぎ合わせるには
フリーソフトやGIFアニメを作成してくれるサイト
を利用するのが簡単です。

参考まで…
上のアニメーションGIF(アルプスの山並み&平湯大滝)は
GIFアニメ工房というサイトで作成しました。

サイトの画面中央付近にある「GIFアニメ作成ソフト」をクリックすると
画面が切り替わり
簡単に1分ほどで、GIFアニメが作成できます。

注意点としては、
画像サイズをそろえておくと
綺麗なアニメーションになりますクローバー
ブログタイトルの背景画像 [2008年05月06日(Tue)]
今日、妻と近所の植物園に行ってきました車

紫陽花が満開で、とても綺麗でしたので
ブログタイトルの背景画像に設定したいと思います笑い

※カスタムスキンの人のみ。



まずは、背景画像にしたいデータを
ブログタイトルのサイズに調整後はさみ

下書き記事に保存します。

そして、
下書き記事に保存した写真のアドレスをコピー。

※方法は以前の記事を参照


その後は、スタイルシートの
次の一行を変更し、
写真のアドレスを貼り付けるだけで完了ですまる


/* ヘッダー部に関するスタイル */
#header {
background:#39B; ⇒ background:url(写真データのアドレス);
margin:0 0 20px 0;
}


※私の背景画像は、
 少し遊んでキラキラ
 2枚の画像が交替に表示される
 アニメーションGIFにしてみました。
タイトル画像の挿入方法 [2007年04月11日(Wed)]

タイトルの部分に画像を挿入する方法を
紹介します。



スキン・サイドバー
    ↓
画像登録・削除
    ↓
設定 をクリックします。



挿入したい画像を選択します。
画像サイズが大きいと
うまく表示されませんので
気をつけてください。





画像が表示されました。
ブログ説明文の文字の大きさの変更方法 [2007年03月22日(Thu)]

タイトル部分の
ブログ説明文の文字の大きさを
変更するには
以下の数字を変更します。

ブログのタイトル文字の大きさを変更する方法 [2007年03月20日(Tue)]
ブログのタイトル文字の大きさを変更する方法を
紹介します。



まずは、
ブログの設定画面でスキン・サイドバーをクリック


次に
スタイルシートをクリック


最後に
スタイルシートの変更する箇所については
下記PDFファイルをご覧下さい。

title.pdf
(120kb)