プライベートモードで閲覧中です。

sugar pot : 【cfdn_09徹底研究ぅ~♪】#5 モードにかかわらず常に表示されるもの(1)

ほろ苦い夢のかけらのおすそわけ

スポンサーサイト

--年--月--日(--)

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
#
カテゴリ:スポンサー広告

trackback

【cfdn_09徹底研究ぅ~♪】#5 モードにかかわらず常に表示されるもの(1)

2005年10月06日(木) コメント:2 トラックバック:0

このテンプレートはモードによって表示されるものが異なるが、常にブラウザの画面に表示されるものを列挙する。以下をクリックして新規ウィンドウでテンプレートの構造の図(図1)を開いて読んでいただきたい。
図1

タイトルと概要

場所
header

  1. <div id="header"><!-- header -->
  2.     <h1 id="site-top"><a href="<%url>"><%blog_name></a></h1>
  3.     <p><%introduction></p>
  4. </div><!-- /header -->

カスタマイズのヒント

タイトルを画像にする場合は、48行目を差し替える。

  1.     <h1 id="site-top"><a href="<%url>"><img src="http://blogN.fc2.com/X/XXX/file/FILENAME.png(画像ファイルのアドレス)" alt="<%blog_name>"></a></h1>

つかわれている変数
<%url>
ブログのアドレス
<%blog_name>
ブログタイトル
設定場所:管理者ページ>環境設定の変更>ユーザー情報の設定>ブログの名前
<%introduction>
ブログの説明
設定場所:管理者ページ>環境設定の変更>ユーザー情報の設定>ブログの説明

ブログ内検索

場所
search

ブログ内検索は1語のみ。

  1. <div id="search"><!-- search -->
  2.     <form method="get" action="./">
  3.         <fieldset>
  4.             <legend accesskey="9">検索フォーム</legend>
  5.             <p><input type="text" name="q" size="30" value="検索語を入力して下さい" onblur="if(this.value == '') this.value='検索語を入力して下さい';" onfocus="if(this.value == '検索語を入力して下さい') this.value='';" tabindex="1" accesskey="k" class="field" />&nbsp;<input type="submit" value="検索" tabindex="2" accesskey="f" class="btn" /></p>
  6.         </fieldset>
  7.     </form>
  8. </div><!-- /search -->

カスタマイズのヒント

検索語入力ウィンドウの幅を変えるには以下の数値を変更する。size="30"

FC2ブログ広告

場所
footer

  1. <div id="footer"><!-- footer -->
  2.     <div class="ads"><%ad><%ad2></div>
  3. </div><!-- /footer -->

つかわれている変数
<%ad>
FC2ブログの広告へのリンク。新規ウィンドウで開く。
利用規約により必須。削除しての保存はできない。
内容(文言)はFC2ブログのほうでそのときに合わせて変更。ユーザが変更することはできない。
<%ad2>
上に同じ。

「カスタマイズのヒント」では、比較的良く見られるカスタマイズ方法をご紹介しています。ただし、現在記述しているのはHTMLについてなので、色や大きさ、背景画像など、見栄えについては、後日紹介を予定しています。

この連載は私の自学自習コーナーです。解説の体裁を取っているのは「ひとに説明すると理解度が深まる」という定説にのっとるものです。私自身はさほどスキルがあるわけでもありません。できるだけ正確を期すよう努めていますが、誤りがありましたら、ご指摘いただけますようお願いいたします。また、ご覧のかたがたは、その旨ご了承いただけますようお願いをいたします。

#448
カテゴリ:103 HTML CSS JavaScript

trackback

<<【cfdn_09】徹底研究ぅ~♪#4 ページの構成 | 【cfdn_09徹底研究ぅ~♪】#6 モードにかかわらず常に表示されるもの(2)サイドバー (2-1)プラグイン有効時>>

コメント(-2件)

cyaimi:

先生、#4から引き続き、めちゃくちゃわかりやすいです。
後はリンク文字色だけ判り易くなったら言うことなしです。(あ、言っちゃった)

  • 2005年10月06日(木)20:57:49
  • URL
  • 編集
sugar:うっ。

分かりやすいですか、そりゃ良かった。
リンク色ですが、何色がいいか思いつかないんです。良い色があったらそっと教えていただけないでしょうか、社長。

  • 2005年10月06日(木)22:52:18
  • URL
  • 編集
コメントの投稿

トラックバック(-0件)

http://bittersweetdreams.blog9.fc2.com/tb.php/448-a54357c6

Bookmarked

Blog Battler

ブログバトラー

Twitter

    フリーエリア

    上部の説明

    下部の説明

    Utilities

    Ad

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