Google マップの埋め込み HTML ではデフォルトの状態で吹き出しが表示されていますが、その吹き出しを消す方法があります。
まず Google マップで検索結果が表示されます。
表示結果の中央地点にある緑色の矢印を右クリックして「検索結果をクリア」を選択。
ふき出しが非表示になったので、この状態で右上の「このページのリンク」をクリック。
このHTMLコードを取得してブログに貼り付ければふき出しは表示されません。
※ふき出し以外のマークも、このワザを使えば消すことができます。
2007年8月アーカイブ
一般的なレイアウトで背景画像を中央に配置する方法はコチラ。
よくやり方を忘れるのでメモ。
body { background:url(画像までのパス) center top repeat-y; }
JavescriptでCSSを切り替える方法をAllAboutで発見！
今の所使う予定は無いが今後は必要になるかもしれなのでメモ
小粋空間でGoogleMapのHTML を valid にするスクリプトを公開。
１．埋め込み HTML の利用方法
埋め込み HTML 自体の利用方法ですが、まず Google マップで任意の地図を表示させ、「このページへのリンク」をクリックします。
リンクをクリックすると、HTMLコードがすぐ下に表示されます（下）ので、
「HTML を貼り付けてサイトに地図を埋め込みます」の下に表示されている、
<iframe width="425" height="350" ～
のコードをマウスコピーして、それをブログの投稿画面に貼り付ければOKです。
２．問題点
埋め込み HTML で使われている iframe タグは HTML4.01 Strict・XHTML1.0 Strict では未定義、XHTML1.1 では廃止されていることと、以下に示す問題のため、この HTML をブログに埋め込むと not Valid になる可能性があります。
& が実体参照（&）されていない
br 要素の"/"の前に空白がない
GooleMapを削除しました
マクドナルドのアイスコーヒーM（190円）が100円になる方法があります。
ドリンクMが全て100円になるマックジョイクラブカード。
このカードはクレジットカードですが、年会費等一切無料で作れるのにドリンクMはいつも100円。
かなりのお得度です。
しかも、ドリンクだけでなくマックフライポテトSも100円で買えます。
マックジョイクラブカードの案内
http://www.mcdonalds.co.jp/fanclub/mjc/mjc.html
また、マックジョイクラブカードだけでなく、登録者が200万人突破している携帯向けの無料会員になれば、いつでもケータイクーポンを利用することができます。
現在出ているクーポンは
・ピタマックタンドリーチキン→220円
・三角マンゴーパイ→50円
・ダブルチーズバーガーセット→450円
・ソーセージエッグマフィンセット→300円
・キャラメルオレオクッキー→190円
などがあります。
元の価格は地域によって差がありますが、通常よりもかなり安く購入できます。
こちらも無料で会員になればクーポンをいつでも利用可能。
無料なのにお得ですから、マックジョイクラブも携帯会員もオススメです。
ちなみに携帯会員になると今日早速メールが届きました。
続きを読む: マクドナルド（マック）のお得なメールマガジン
携帯電話の応答メッセージ。
「録音が終わりましたら、シャープを押してください」
メッセージを入れ、シャープボタンを押して電話を切る。
そんな、普段の何気ない動作。
でも厳密に言うと、電話に「シャープボタン」なんか存在しない。
電話のボタンについて、国際的な電気通信を扱っている「財団法人日本ITU協会」が、こんな話をしてくれた。
「電話にある“＃”は、シャープではなくて“井げた”（イゲタ）です。また勧告（通信業界の世界基準が書かれた文書）には“スクエア”と表記されておりまして、他にも“ハッシュ”や“パウンド”、“ナンバーサイン”という呼び方があります」
つまり、そもそも電話の「＃」は、音楽のシャープと記号自体が違うというのだ。電話で使われている記号は縦線が斜めの「＃」で、音楽のシャープは横線が斜めの「♯」。すごく微妙な違いだけど、JIS規格でも2つは区別されている。JISでも「＃」はやっぱり“番号記号”や“井げた”、「♯」は“シャープ”や “ミュージックシャープサイン”っていう名前。
「＃」と「♯」は、瓜二つだけど言われてみれば違う双子のような記号、略すなら“双号”なのだ。
それと電話機にあるもうひとつの記号「＊」も、“米印”っていう名前じゃない。米印は「※」のことを指す。JISで“星印”や“アスタリスク”って表記される「＊」は、電話業界でも“星印”もしくは“スター”って呼ばれている。“コメジルシ”とは違って、やけにカッコイイ。
しかも電話機では、基本的に「＊」から90度回転させた記号を採用している。「＊」とは違った、JISにはない電話機独自の記号だ。普通の「＊」は×の真ん中に縦棒を通した記号で、×に横棒を通したものが電話機の“スター”。さっきも出てきた勧告の中に明記されている。
ちなみに「＊」の場合は、「＃」と「♯」の関係とは違って形は一緒。回転しているだけで、名前も一緒。双子じゃなくて、同一人物と言っていいのかもしれない。
電話機には“シャープ”も“米印”もない。
あるのは“井げた”と“星印”。カッコ良く呼ぶなら、“スクエア”と“スター”。
とはいっても、これらの呼び方は規則じゃなくて“望ましい”っていうレベル。だから、例えば電話で“井げた”を“シャープ”って呼んでも問題ない。応答メッセージで「録音が終わりましたら、井げたを押してください」なんて言われたら、電話を切るに切れない。
だからこのことを知ったとはいえ、人に説明することがあったら、電話機の「シャープ」と「米印」って言ってあげてください。
あと、電話機のトラブルか何かでサポートセンターにかけることがあったら、優しく教えてくれたお姉さんたちに、「それはシャープじゃなくて井げたのことを指してるんですよね」なんて指摘はしないであげてください。
ホームページのURLをミス入力した時に表示されるページがありますが、そんなたまーにしかお目にかかれないページもしっかり作ってるサイトを紹介します。
こーいった細部にも気を使うクリエーターはとても好きです。
vi-su
lumino
alt-web
darrenhoyt
f23
martinkorner
galiacho
homestarrunner
404errorページの作り方は続きに書いてます。↓
続きを読む: エラーページにもこだわる
bodyの下に以下を記述
<SCRIPT language="JavaScript"><!--
mx = new Array();
my = new Array();
count = 4;
step = 2;
mvcnt = 0;
for (i=1; i<=count; i++) { mx[i] = -100; my[i] = -100; }
function trail()
{
mvcnt++;
mvcnt %= step;
if (mvcnt) return;
mx[count] = event.x;
my[count] = event.y;
for (i=1; i<=count; i++)
{
mx[i-1] = mx[i];
my[i-1] = my[i];
document.all["ms"+i].style.left= mx[i-1];
document.all["ms"+i].style.top = my[i-1];
}
}
document.onmousemove = trail;
// --></SCRIPT>
<DIV id="ms1" style="position:absolute;"><IMG src="画像ファイル名又は画像URL"></DIV>
<DIV id="ms2" style="position:absolute;"><IMG src="画像ファイル名又は画像URL"></DIV>
<DIV id="ms3" style="position:absolute;"><IMG src="画像ファイル名又は画像URL"></DIV>
<DIV id="ms4" style="position:absolute;"><IMG src="画像ファイル名又は画像URL"></DIV>
大発見！大感激！
大げさですが、こんな使い方もあるのかと眼から鱗でした。
小枠空間で紹介していたプラグインですが、ここではカテゴリーページと月別ページの分割を紹介しています。
｢カテゴリーアーカイブと月別アーカイブのページ分割｣
今回やりたい事は単独ページ（エントリーページ）に特定のカテゴリーのエントリーを表示してなおかつページ分割をする。と言う方法。
やりかたは単純でした。
上記のサイトからプラグインをアップロードしてタグを
カテゴリページや月別ページのみでしか使えないと思っていたが単独のページでも使えたのでかなり幅が広がりました。
続きを読む: 独立したページを分割する（ページ分割）
本日も前回同様質疑応でしたが前回よりは詳しい内容となりました。
サイトカラーやメニューボタン、Flashや写真選びなど。
数点ご希望に対応できない技術がありましたが了解していただきました。
後、数回の打ち合わせは必要になりそうです。
作業2日目の今日は、クライアント様に作って頂いたロゴの設置です。
幅760pxに対してロゴが少し大きかったため微調整。
その他、メインナビゲーションとサブナビゲーションの余白を調整。
ブログなどで作っていないサイトに検索フォームを付けたい時はやっぱりGoogleですよね。
以下のタグを貼付ければ簡単に検索フォームが設置できます。（独自ドメイン専用）
<FORM method=GET action="http://www.google.co.jp/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<INPUT Type=text name=q size=31 maxlength=255 value="">
<INPUT type=hidden name=hl value="ja">
<INPUT type=submit name=btnG VALUE="Google 検索">
<INPUT type="hidden" name="ie" value="文字コード">
<INPUT type="hidden" name="oe" value="文字コード">
<INPUT type=hidden name="num" value="20">
<INPUT type=hidden name="sitesearch" value="独自ドメイン">
<INPUT type="hidden" name="domains" value="独自ドメイン">
</td></tr></TABLE>
</FORM><!-- Google Search-->
なんかこれ関連の記事をよく書いてる気がしますが気が済むまで何回でも書いときます。
特定のカテゴリのみ表示
<MTEntries category="活動内容"
件数を指定
lastn="5"
昇順、降順を指定
sort_order="descend">（新しい記事を上から表示）
sort_order="ascend">（古い記事を上から表示）
<h2>活動内容</h2>
<div class="article">
<MTEntries category="活動内容" lastn="5" sort_order="descend">
<li><$MTEntryDate format="%x"$> <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
<p class="more">
<a href="<$MTBlogURL$>archives/cat_160.php">詳しく見る</a>
</p>
</div><!--//article-->
<!--//活動内容-->
当サイトのポスターを快く張って頂いたark様よりホームページ制作について質疑応答を致しました。
ホームページの管理をしていきたいが時間がなく、なかなか更新していけないと言う事でCMSの導入を提案。
現在使用中のサーバーにもよって話は変わってきますが検討して頂いています。
インテリアシライ様のホームページ制作をクライアントと一緒に制作しています。
今日の作業はサイトのレイアウトやカラーの選定を行いました。
レイアウトは2カラムのヘッダー、フッター付きバージョンに決定。
サイトカラーも既存のロゴカラーに似た色を選択する事にしました。
クライアント様は初めてのCSSでの制作ですがご自分でも事前に勉強してくださっているのでとてもありがたいです。
本日、「インターネットの接続をして欲しい」と言う依頼があったのでご自宅まで出張に行ってきました。自宅に御邪魔すると日本人でなく中国人の方でした。
依頼内容であったネットの接続はもちろんですがパソコンを買ったままの状態でしたのでセットアップも必要でした。
そのパソコンはWinVISTAでした。自分のパソコンはWinXPの為、VISTAに慣れて無く少し不安になりましたが、やる事はかわらないだろう！と思い作業を始めました。
予想通り、問題なくセットアップも完了し、ネットの接続も完了！
しかしここでお客様から「中国語でも入力できるようにして欲しい」「MSNメッセンジャーを使えるようにして欲しい」「yahooメールを取得して欲しい」と追加の注文。
yahooメールはすぐに取得。
中国語はコントロールパネルの言語設定を変えて完了。（再起動が必要になる）
問題はMSNのメッセンジャーでした。
日本と中国ではMSNのログイン方法が違うみたいですね。
日本だとメールアドレス（MSN）とパスワードを入力してログインですが、中国では７桁ぐらいの数字のみでログインできるみたいです。
結局、次の仕事の関係もあって最後まで対応しきれませんでした。
もしこの件に詳しい方がおられましたら教えて下さーい。
Movable Typeのマニュアルページってみづらいのでナビゲーション付きのページを作ってます。
SixApart様すみません。
今回は忍者ツールズの無料サーバーを使用させてもらいました。
忍者さんは最近次々と新しいサービスを展開していてブログやアドセンス広告のサービスも提供していて今後も注目したいです。
まだ作りかけですが、ちょっとずつ仕上げたいと思います。
やっと見つけた（汗
当サイトのポートフォリオカテゴリで欲しかったプラグインがやっと見つかりました。
いくら探してもなく、半分あきらめかけてましたが奇跡的に「特定 カテゴリ 画像」検索でヒットしました。
続きを読む: 特定カテゴリの画像を表示させるプラグイン
最近人気の別ウィンドウAjaxです。
いろんな種類がありますね。
Lightbox.js のような写真のスライドショーするライブラリ沢山
mootools用のスライドコンテンツ作成JavaScript （Smoothbox）
オシャレなローディングを簡単につくれるジェネレーターです。
タイプを選択して、色の指定をする。
プレビューで確認してダウンロードするとアニメーションgifで保存されます。
これはかなり使えます。
今日の昼過ぎ、3店舗に広告掲載のお願いをしてきました。
結果は
1店目…断られた
2店目…オーナー不在の為、検討
3店目…広告の内容を見て判断
とのことでした。
今回は原稿を持っていかずにお願いをしてきましたが、次回からの交渉は数点の原稿を持って行って検討してもらった方がよさそうな感じがしました。
どんなデザインがいいのか検討中です。
以下のmtタグは当サイトでも使用していますが、「エントリ一覧に特定のカテゴリーは表示させない」と言うタグです。
<MTEntries category="NOT (活動内容)" lastn="5">
・NOT(活動内容)→活動内容というカテゴリーを表示させない。
・lastn="5"→最新の5件を表示させる。
<h2>管理者のネタ帳</h2>
<div class="article">
<MTEntries category="NOT (活動内容)" lastn="5">
<li><$MTEntryDate format="%x"$> <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</div><!--//article-->
→関連記事
（株）インテリア・シライ様
ホームページ前面リニューアル予定。
クライアントも同席して作業を行います。
テーブルレイアウトをCSSレイアウトに変更。
写真の差し替えを行います。
今日、Google AdSenseデビューしました。
1月前ぐらいに登録はしていたんですが、そのまま放置状態にしてしまい今日になってそういえば…みたいな感じで始めることになりました。
続きを読む: Google AdSense
実は今済んでるところのポータルサイトを作ろうと思い、MT使って作っていました。
MTの勉強にもなるし自分でサイトを運営したいと思っていたからです。
でも実際会社員の立場と子供の世話などをしているとサイトの更新などは頻繁にできません。
別にいいかなーとも思ってましたが、そんな状態だとモチベーションもあがらないと思い、方向転換することにしました。
続きを読む: 今後の動き
このAjaxは最近増えてきますね。
数日前にyahooフォトでも使ってるのを見ました。
確かに使い勝手がいいので、これから増々利用者あは増えていくでしょう。
どうもバージョンアップしたいみたいです。
