忍者ブログ

技術メモ

Home > ブログ > HTML

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

◆Blog内検索

以下のソースをBlogのフリースペースに貼り付ける事で
Google機能を使ってBlog内検索を行う事ができる

<!-- SiteSearch Google -->
<div align=center>
<form method=get action="http://www.google.co.jp/search">
<table bgcolor="#FFFFFF" border=0 cellspacing=0 cellpadding=0><tr><td>
<input type=text name=q size=20 maxlength=255 value="">
<input type=submit name=btnG value="検索">
<input type=hidden name=ie value=EUC-JP>
<input type=hidden name=oe value=EUC-JP>
<input type=hidden name=hl value="ja">
<input type=hidden name=domains value="◆ドメイン名◆">
<input type=hidden name=sitesearch value="◆ドメイン名◆">
<br>
<a href="http://www.google.co.jp/"><img src="http://www.google.co.jp/logos/powered_by_google_135x35.gif" border="0" alt="Google" align="absmiddle"></a>
</td></tr></table>
</form>
</div>
<!-- SiteSearch Google -->

※"◆ドメイン名◆"に検索を掛けたいドメインを指定する
※"EUC-JP"の部分は適切な文字コードを指定する
 

◆HTTP GetメソッドとPostメソッドの違い

　[Getメソッド]
　　Client：フォームの入力データをURLの一部として送信する
　　Server：queryとして受信
　[Postメソッド]
　　Client：フォームの入力データをメッセージ・ボディに格納して送信
　　Server：session変数として受信

【テーブルに枠を設定する】

1.イメージを作成
  添付のイメージ(左上・左・左下・右上・右・右下・上・下)を作成
  ※サーバーにUpされているものを利用

2.CSSを作成
  以下のCSSを作成する
------------------------------------------------------------------------------------
/*-- フレーム左上隅 --*/
TD.frameLT
{
 MARGIN: 0 0 0 0;
 padding:0;
 background-image:url(image/2frame_LT.gif);
 width:7px; height:7px;
}
/*-- フレーム右上隅 --*/
TD.frameRT
{
 MARGIN: 0 0 0 0;
 padding:0;
 background-image:url(image/2frame_RT.gif);
 width:7px; height:7px;
}
/*-- フレーム左下隅 --*/
TD.frameLB
{
 MARGIN: 0 0 0 0;
 padding:0;
 background-image:url(image/2frame_LB.gif);
 width:7px; height:7px;
}
/*-- フレーム右下隅 --*/
TD.frameRB
{
 MARGIN: 0 0 0 0;
 padding:0;
 background-image:url(image/2frame_RB.gif);
 width:7px; height:7px;
}
/*-- フレーム上枠 --*/
TD.frameT
{
 MARGIN: 0 0 0 0;
 padding:0
 background-image:url(image/2frame_T.gif);
 background-repeat:repeat-x;
 height:7px;
}
/*-- フレーム下枠 --*/
TD.frameB
{
 MARGIN: 0 0 0 0;
 background-image:url(image/2frame_B.gif);
 background-repeat:repeat-x;
 height:7px;
}
/*-- フレーム左枠 --*/
TD.frameL
{
 background-image:url(image/2frame_L.gif);
 background-repeat:repeat-y;
 width:7px;
}
/*-- フレーム右枠 --*/
TD.frameR
{
 background-image:url(image/2frame_R.gif);background-repeat:repeat-y;
 width:7px;
}
------------------------------------------------------------------------------------


3.Tableを作成
  以下のTableを作成する
  ※CSS作成時に、top/bottomのwidthを100%に設定すると右線が消えるので注意
    (上下セル以外のセル幅の設定にもよるかもしれません)
------------------------------------------------------------------------------------
    <table>
      <tr>
        <td class="frameLT"></td>
        <td class="frameT"></td>
        <td class="frameRT"></td>
      </tr>
      <tr>
        <td class="frameL"></td>
        <td></td>
        <td class="frameR"></td>
      </tr>
      <tr>
        <td class="frameLB"></td>
        <td class="frameB"></td>
        <td class="frameRB"></td>
      </tr>
    </table>
------------------------------------------------------------------------------------
 

        

PAGE TOP