フォームメールの導入と、サイドメニューの開閉
投票してください→
(評価して下さい！)
読み込み中 ...
カテゴリ：blogカスタマイズ | 
+
 ?>)
TOPページ左側、「オススメ」の下にフォームメールを設置した。
「メールはコチラ」という所をクリックするとメールのフォームがガシっと開くと思う。
ここから僕宛にメールが送信できる。ちなみに、メアドは書かなくても送信できます。名前とコメントだけは何か書いてメール送信してみて下さい。
以前からフォームメールを設置したいと思っていた。
「コメントに書けないからメールを送ります」というメールが結構あったのが重い腰を上げた理由だ。
以前php化した時にこれを設置しようとしたが、UTF-8でのphpフォームメールがなかなか存在しない。
色んなところからDLしてきて中身を弄ったけどさっぱり上手く行かなかった。
で、今日、色々考えているうちに、自分のサイトのTOPページ右側のphotologを見た僕は愕然とした。これはSJISだが、インラインフレームを使って挿入しているのだ。馬鹿。これと同じ風にやればできるじゃん！あっさり完了。
メール欄が結構幅を取ることに気がついたので、ガマニアさんとこで実装されている、ガシっと開くサイドメニューを設置してみることにした。
クリックすると・・・
それでは設置方法を。
1.モジュールの配置
開いたり閉じたりする為のjavascriptをココからダウンロードしましょう。解凍したら中の「sidehide.js」を自分のサーバにアップロードしましょう。仮に ( http://hoge.ne.jp/blog/sidehide.js )ＵＬしたとします。
2.javascriptの宣言
テンプレート→MainIndexの編集画面まで行き、head内に、
</script>
3.テンプレート部の編集
メールフォームオープン
</div>
<div class="side">
（内容）
</div>
<a href="javascript:void(0);" onClick="showHide('c1');">メールフォームオープン</a>
</div>
<div class="sidehide" id="c1">
<div class="side">
(内容）
</div>
</div>
ここで注意するのが、「C1」の部分です。これはクリックしたときにどのメニューをオープンするかという目印みたいなもので、もう一つ設置する場合は「C2」のように数字を変えましょう。わかりましたか？
これで保存してリビルドして完了です。「メールはコチラ」というところをクリックするとメニューが開きます。感動ですねえ。
Popularity: 1% [?]
※このサイトはさくらインターネットのサーバを利用しています。
16件のコメント »
RSS feed for comments on this post. TrackBack URL
メニューの開閉
いつもMTの小技であれこれお世話になってます。ありがとうございます。
サイドメニューを自由自在に開閉
全体的にすっきりしたっしょ？すっきりしたっしょ？ カレンダー閉めちゃいました(*ﾟｰﾟ*) コメントもトラックバックも♪ BlogPeapleに悪戦しながらわき道それちゃいました（爆 CROSSBREEDさんのこのエントリーみながらやりました。 ありがとうございましたm(_〃_)m……
MTのPHP化＆サイドメニューの開閉
実はcross-breedさんとこ見ていてメールフォームやその他がtopページ上で開いたり閉じたりすることができていて、自分のとこも是非導入したいと思っていました。 で、ここ数日結構いじっていてMTのPHP化とサイドメニューの開閉がうまく成功しましたので詳細を書きます…
MTのPHP化＆サイドメニューの開閉
実はcross-breedさんとこ見ていてメールフォームやその他がtopページ上で開いたり閉じたりすることができていて、自分のとこも是非導入したいと思っていました。導入するにはPHP化が先決でした。 で、ここ数日結構いじっていてMTのPHP化とサイドメニューの開閉がうま…
リニューアル完了
ayuさんのBlog｢CROSSBREED｣←クリック と so-su さんのBlog｢G@MANIA｣←†…
■Seesaaでサイドバーの開閉
現在左側の「NEW COMMENTS!」「NEW TBack!」と右側の「NEWS SITE!!」をクリックすると開閉するようにしています。 CROSSBRE…
TOPの記事数変更＆メニューの開閉導入
TOPの表示が重かったので、表示する記事数を10件から5件に変更しました。あと、メニューの開閉を導入することにしました。CROSSBREEDさんの記事に掲載され…
サイドメニューの折り畳み
CROSSBREEDさんのフォームメールの導入と、サイドメニューの開閉を参考に、…
見た目すっきり
色々気になっていた部分を改装してみました。 ・フォームメールの導入と、サイドメニ…
M003_メニュー開閉の導入
CROSSBREEDというサイトにメニューの開閉コンテンツが掲載されていたので、…
M003_メニュー開閉の導入
CROSSBREEDというサイトにメニューの開閉コンテンツが掲載されていたので、…
サイドメニュー折りたたみ
Movable Typeを利用しだしてからというもの、サイドメニューが折りたため…
メニューのプルダウン化
メニューのプルダウン化について簡単に書いときます。javascriptなので普通…
こんにちは。初めまして。
Windows Scripting Host Laboratoryというサイトを運営しております、むたぐちと申します。
今日更新した公開スクリプト（IEのお気に入りをHTML化するというものです）中に、sidehide.jsを使わせていただきました。
以上、ご報告させていただきます。
大変有用なスクリプトを公開していただき、ありがとうございます。
>むたぐちさん
ご利用ありがとうございます。
見よう見まねで作ったスクリプトなので尚更嬉しいっす（笑
And some else, come here…
The most interest!