• 管理人へのメール

  • crossbreed tumblr.  ※画像をクリックして拡大できます tumblr-タンブラーって何?tumblrの始め方
    最新記事ヘッドライン (※画像をクリックして拡大できます)
    お前らってどうやって嫌な事乗り越えてるの? この記事を読む → お前らってどうやって嫌な事乗り越えてるの? http://crossbreed.tv/archives/201501150028.php キモ美しい街並みを集めてみたよ(Googleマップ付) この記事を読む → キモ美しい街並みを集めてみたよ(Googleマップ付) http://crossbreed.tv/archives/201501101258.php みんなのビヤホールCMがリア充過ぎる件 この記事を読む → みんなのビヤホールCMがリア充過ぎる件 http://crossbreed.tv/archives/201501101122.php 【DJMIX】Bar KNAT FINAL MIX この記事を読む → 【DJMIX】Bar KNAT FINAL MIX http://crossbreed.tv/archives/201411300014.php イタリアのヴァイオリン修復師さんと 日本の鋸職人さんの話 この記事を読む → イタリアのヴァイオリン修復師さんと 日本の鋸職人さんの話 http://crossbreed.tv/archives/201411272130.php
    同カテゴリ内最新記事ヘッドライン (※画像をクリックして拡大できます)
    「姪っ子が嫁に行った」スレ この記事を読む → 「姪っ子が嫁に行った」スレ http://crossbreed.tv/archives/201104042221.php Ajaxを使ったクールなメールフォームを設置する方法 この記事を読む → Ajaxを使ったクールなメールフォームを設置する方法 http://crossbreed.tv/archives/200901122305.php ネタ投稿掲示板を始める事にしたよ! この記事を読む → ネタ投稿掲示板を始める事にしたよ! http://crossbreed.tv/archives/200711291245.php web2.0時代のhtmlタグ作成方法(amazonリンクタグ作成方法)その1 この記事を読む → web2.0時代のhtmlタグ作成方法(amazonリンクタグ作成方法)その1 http://crossbreed.tv/archives/200607190117.php トラックバックスパムフィルター「BanNoReferTb」は凄いです この記事を読む → トラックバックスパムフィルター「BanNoReferTb」は凄いです http://crossbreed.tv/archives/200603261315.php

    4月
    02
    2004

    フォームメールの導入と、サイドメニューの開閉

    カテゴリ:blogカスタマイズ |

    STARを押してこの記事を評価お願いします→つまんないイマイチ普通まあまあよかった! (評価して下さい!)
    Loading ... Loading ...

    TOPページ左側、「オススメ」の下にフォームメールを設置した。
    「メールはコチラ」という所をクリックするとメールのフォームがガシっと開くと思う。
    ここから僕宛にメールが送信できる。ちなみに、メアドは書かなくても送信できます。名前とコメントだけは何か書いてメール送信してみて下さい。
    以前からフォームメールを設置したいと思っていた。
    「コメントに書けないからメールを送ります」というメールが結構あったのが重い腰を上げた理由だ。
    以前php化した時にこれを設置しようとしたが、UTF-8でのphpフォームメールがなかなか存在しない。
    色んなところからDLしてきて中身を弄ったけどさっぱり上手く行かなかった。
    で、今日、色々考えているうちに、自分のサイトのTOPページ右側のphotologを見た僕は愕然とした。これはSJISだが、インラインフレームを使って挿入しているのだ。馬鹿。これと同じ風にやればできるじゃん!あっさり完了。
    メール欄が結構幅を取ることに気がついたので、ガマニアさんとこで実装されている、ガシっと開くサイドメニューを設置してみることにした。
    折りたたまれた状態 クリックすると・・・
    開かれた状態。カコイイ。 それでは設置方法を。


    1.モジュールの配置
    開いたり閉じたりする為のjavascriptをココからダウンロードしましょう。解凍したら中の「sidehide.js」を自分のサーバにアップロードしましょう。仮に ( http://hoge.ne.jp/blog/sidehide.js )ULしたとします。
    2.javascriptの宣言
    テンプレート→MainIndexの編集画面まで行き、head内に、
    <script type="text/javascript" src="http://hoge.ne.jp/blog/sidehide.js">

    </script>
    と書きます。あまり深くは考えません。
    3.テンプレート部の編集
    <div class="sidetitle">

    メールフォームオープン

    </div>

    <div class="side">

    (内容)

    </div>
    大体サイドメニューというのはこんなカンジになっているかと思います。これを大胆に変えます。
    <div class="sidetitle">
    <a href="javascript:void(0);" onClick="showHide(‘c1′);">メールフォームオープン</a>
    </div>
    <div class="sidehide" id="c1">
    <div class="side">
    (内容)
    </div>
    </div>
    簡単ですね。
    ここで注意するのが、「C1」の部分です。これはクリックしたときにどのメニューをオープンするかという目印みたいなもので、もう一つ設置する場合は「C2」のように数字を変えましょう。わかりましたか?
    これで保存してリビルドして完了です。「メールはコチラ」というところをクリックするとメニューが開きます。感動ですねえ。

    商品無料仕入戦隊『電脳卸』

    この記事を読んで頂きありがとうございます。
    コメント欄も設けておりますが、
    よかったらtwitterやfacebookなどでつぶやいたりシェアして頂けると嬉しいです。

    STARを押してこの記事を評価お願いします→つまんないイマイチ普通まあまあよかった! (評価して下さい!)
    Loading ... Loading ...

    Written by ayu in: blogカスタマイズ |

    16件のコメント »

    • メニューの開閉

      いつもMTの小技であれこれお世話になってます。ありがとうございます。

    • shee time7 より:

      サイドメニューを自由自在に開閉

      全体的にすっきりしたっしょ?すっきりしたっしょ? カレンダー閉めちゃいました(*゚ー゚*) コメントもトラックバックも♪ BlogPeapleに悪戦しながらわき道それちゃいました(爆 CROSSBREEDさんのこのエントリーみながらやりました。 ありがとうございましたm(_〃_)m……

    • homo-faber BLOG より:

      MTのPHP化&サイドメニューの開閉

       実はcross-breedさんとこ見ていてメールフォームやその他がtopページ上で開いたり閉じたりすることができていて、自分のとこも是非導入したいと思っていました。  で、ここ数日結構いじっていてMTのPHP化とサイドメニューの開閉がうまく成功しましたので詳細を書きます…

    • homo-faber BLOG より:

      MTのPHP化&サイドメニューの開閉

       実はcross-breedさんとこ見ていてメールフォームやその他がtopページ上で開いたり閉じたりすることができていて、自分のとこも是非導入したいと思っていました。導入するにはPHP化が先決でした。  で、ここ数日結構いじっていてMTのPHP化とサイドメニューの開閉がうま…

    • scrub より:

      リニューアル完了

      ayuさんのBlog「CROSSBREED」←クリック と so-su さんのBlog「[email protected]」←†…

    • ■Seesaaでサイドバーの開閉

       現在左側の「NEW COMMENTS!」「NEW TBack!」と右側の「NEWS SITE!!」をクリックすると開閉するようにしています。 CROSSBRE…

    • FAKE BLOG より:

      TOPの記事数変更&メニューの開閉導入

      TOPの表示が重かったので、表示する記事数を10件から5件に変更しました。あと、メニューの開閉を導入することにしました。CROSSBREEDさんの記事に掲載され…

    • ka*za*ha*na より:

      サイドメニューの折り畳み

      CROSSBREEDさんのフォームメールの導入と、サイドメニューの開閉を参考に、…

    • 見た目すっきり

      色々気になっていた部分を改装してみました。 ・フォームメールの導入と、サイドメニ…

    • M003_メニュー開閉の導入

      CROSSBREEDというサイトにメニューの開閉コンテンツが掲載されていたので、…

    • M003_メニュー開閉の導入

      CROSSBREEDというサイトにメニューの開閉コンテンツが掲載されていたので、…

    • Erd Blog より:

      サイドメニュー折りたたみ

      Movable Typeを利用しだしてからというもの、サイドメニューが折りたため…

    • OIDON'S WEBLOG! より:

      メニューのプルダウン化

      メニューのプルダウン化について簡単に書いときます。javascriptなので普通…

    • むたぐち より:

      こんにちは。初めまして。
      Windows Scripting Host Laboratoryというサイトを運営しております、むたぐちと申します。
      今日更新した公開スクリプト(IEのお気に入りをHTML化するというものです)中に、sidehide.jsを使わせていただきました。
      以上、ご報告させていただきます。
      大変有用なスクリプトを公開していただき、ありがとうございます。

    • 管理人ayu より:

      >むたぐちさん
      ご利用ありがとうございます。
      見よう見まねで作ったスクリプトなので尚更嬉しいっす(笑

    • FlasheR! より:

      And some else, come here…

      The most interest!

    RSS feed for comments on this post. TrackBack URL


    コメントして下さい

    同一カテゴリ内記事

    最近買ったモノ


    Template: TheBuckmaker.com Blog Themes | Website Hosting, Gesundheitspapst

    Optimization WordPress Plugins & Solutions by W3 EDGE