top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_12

【写真追加】タイトル(ヘッダー)エリアの背景に・・・

 2008-03-31
やはり写真は欲しい。テキストだけの画面は無味乾燥でさみしい。好きな画像
を、まずは、ヘッダーのタイトルバックに組み込むのだ。

* -------------------------------------- *
◇写真を追加する
* -------------------------------------- *
moreまず、利用する画像をサイトに送り込む(アップロード)する必要がある。
おぉ、その前に
 利用する画像を探さなければならない


◆画像を探す
 ここでも、ネットは懐広く多くの素材を提供してくれる。
 自分でとった画像ならまた感慨深いとは思うが、今回は時間が無い?

  海外サイトで
  ・300imagesfrom1800sites
  ・DesignPacks.com Free Image Collections
  などもあるが、
  ・Kigen
 今回はこちらでお世話になぅた。すばらしい。


次に
◆ブログ管理の画面で
 [ツール] > [ファイルアップロード] を利用して、画像のアップロードだ
  ・[ファイルアップロード] をクリック
  ・必要な事項を入れ、落とした画像を
   (必要で許されていれば加工を加え)アップロードだ

◆ブログ管理の画面で
 [ツール] > [ファイルアップロード] を利用する

  *******
   豆TIP
  *******
   □アップロードされた画像はどこに?
    パスを調べるには、アップロードされた画像の一覧(ファイル一覧)で
    [この画像で記事をかく] をクリックすればそこにソースとして表示される

    ・それをコピーして

◆ブログ管理の画面で
 [環境設定] > [テンプレートの設定] で、
 CSS編集を再び空け、

  (私のテンプレートの場合は)
     #headBlockBase {

background-image : url("<ここにコピーした画像のURL>"); /* 背景画像の設定 */
background-repeat : repeat; /* 背景画像を横縦タイル状に並べる */
background-position : left top; /* 開始位置を画面左上に設定 */
background-attachment : fixed; /* 背景画像の位置を固定 */
       こう 追加した。

 好きな宇宙の背景をタイトルエリアに敷けて まずはご満悦だ。

commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/12-94587fc6
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。