2014年01月31日

PDFファィルをブラウザの横幅いっぱいに拡大して表示する方法

ホームページにPDFファイルのアドレスをリンクさせてブラウザで見ると縮小して表示され、拡大する方法もよくわからない。
そこで、ブラウザの横幅いっぱいに拡大させて表示する方法。
ファィル名の後ろに #view=fitH を入れる。
http://〜略〜/***.pdf#view=fitH

ちなみに、2ページ目を表示する方法。
ファィル名の後ろに #page=2 と入れる。
http://〜略〜/***.pdf#page=2

posted by ガンさん | Comment(0) | ホームページ作成 |

2013年02月27日

HPへ facebook のいいねボタンを設置

ホームページへフェイスブックの「いいね!」ボタンを設置する方法

@自分のアカウントでフェイスブックにログインして、下記のページからURLを入力してコードを取得し、ホームページに貼り付ける
http://developers.facebook.com/docs/reference/plugins/like/

A紹介文や画像等を指定したい場合
HPのヘッダーに下記のタグを埋め込む
<meta property="og:title" content="表示したいタイトル"></meta>
<meta property="og:type" content=website></meta>
<meta property="og:url" content="HPのURL"></meta>
<meta property="og:image" content="画像のURL"></meta>
<meta property="og:site_name" content="サイトタイトル"></meta>
<meta property="og:description" content="表示させたい文章を入れる。"></meta>

但し、直ぐに反映されないので気長に待つべし
posted by ガンさん | Comment(0) | ホームページ作成 |

2011年07月29日

PCで携帯画面を見る方法

パソコンから携帯端末用のウェッブサイト画面を確認する方法
次のフリーソフトをダウンロード
NTT iモードHTMLシミュレータ
http://www.nttdocomo.co.jp/service/imode/make/content/
browser/html/tool/index.html
NTT iモードHTMLシミュレータU
http://www.nttdocomo.co.jp/service/imode/make/content/
browser/html/tool2/index.html
SoftBank
ウェブコンテンツヴューア
http://creation.mb.softbank.jp/doc_tool/tool_list.html
パケット代が掛からないから便利です

この他、PCでスマホ用画面を見る方法もある
ブラウザが Firefox の場合
@ メニューバーからツール⇒アンドオン⇒アンドオンの入手⇒全てのアンドオンを参照
A Add-onsのページに行って検索窓から FireMobileSimulator を検索
 Firefoxに追加をクリックしてインストールし、Firefox を再起動
B メニューバーを右クリック⇒カスタマイズ⇒FireMobileSimulator のアイコンを探してツールバーにドラッグ&ドロップする
B FireMobileSimulator のアイコンをクリックし、その中からスマホの機種、例えば SB iphone 3G にチェックを入れて更新させればスマホ用画面に切り替わります
実は、機種の中に携帯電話も入っていますので、これでスマホと携帯の両方を見ることが出来ます

ブラウザが Google Chrome バージョン 24.0.1312 の場合
@ 画面右上の「三」マーク、つまりGoogle Chrome の設定をクリック⇒ツール⇒デベロッパーツールを選択
A 画面右下の歯車マークをクリック⇒Overrideタブを選択⇒ User Agentにチェックを入れプルダウンメニューから
スマホの機種、例えばiphone-ios4を選択
B その状態で見たいページのURLを入力するとスマホ画面で見られます

タグ:携帯電話
posted by ガンさん | Comment(0) | ホームページ作成 |

2010年08月26日

cssでロールオーバー

これまで、ロールオーバーはjavaで動かしていたが、スタイルシート(css)で挑戦

ソースはjavaよりも簡単
<style type="text/css">
<!--
.rollover { display:block; background-image : url(通常の画像.jpg); }
A:HOVER.rollover { background-image : url(マウスオーバー時の画像.jpg); }
-->
</style>

<a href="#" class="rollover"><img src="透明画像.gif" width="画像横サイズ" height="画像縦サイズ" border="0"></a>

透明画像.gifは、ダミーとなる透過GIFを用意
サイズは、小さいもので可能。例えば1px×1pxでもOK

これだけだと internet explorer では問題なく動くが、Mozilla Firefox や Netscape Navigatorでは、CSSにfloat(フロート)がないとbackgroundが一部しか表示されない
floatは、leftとrightしかなく、中央に配置したかったので、tableで囲んでどうにかうまくいきました

最終形
<style type="text/css">
<!--
.rollover { display:block; background-image : url(通常の画像.jpg); float:left;}
A:HOVER.rollover { background-image : url(マウスオーバー時の画像.jpg); float:left;}
-->
</style>

<table><tr><td><a href="#" class="rollover"><img src="透明画像.gif" width="画像横サイズ" height="画像縦サイズ" border="0"></a></td></tr></table>
posted by ガンさん | Comment(0) | ホームページ作成 |

2010年06月05日

googleからインデックス削除される

今日、googleで検索していたら、これまで検索できていたはずのキーワードを入れても、メインのホームページが全くヒットしない
検索順位がものすごくも下がったとか、一部のページだけが検索できないのではなく、どのページも完全に削除され出てこない
yahoo系やマイクロソフトのBingでは、ヒットするのに…
スパムペナルティーでインデックスから削除されたのでしょうか?
そんな無茶なことはしていないのに

インデックスから削除されたホームページのアドレスで検索すると、昨年末に独自ドメインを取得しメインのホームページから分離させた、ページ名が表示される

これまでは同一サイト内のリンクだったので問題なかったが、別々のサイトになったので「リンクファーム」と言うことなのか?

困った ちっ(怒った顔)

続きを読む

タグ:google
posted by ガンさん | Comment(0) | ホームページ作成 |
1 2 3 次へ>>