ほえほえPSO PSO2のプレイ日記とかです

ほえぷそ取り扱い説明書

Last updated:2017.04.13 Thu

お知らせ
お問い合わせ
携帯版
コメント投稿
styleswitcher.js
Lightbox Plus
PhotoSwipe
Shadowbox.js
記事URL

お知らせ

お知らせ記事。
リンク追加や、ブログ自体の仕様変更その他のお知らせ記事です。
新しいお知らせの掲載時、数日から数週間程度、先頭(最新記事より上)に固定表示します。


お問い合わせ

お問い合わせフォーム
当ブログに関するご意見、ご感想などはこちらからお願いします。
(スパムとか来るようなら公開取りやめするかもです)


携帯版

同じURLで、携帯・スマホそれぞれ、専用の表示になります。


コメント投稿

メールアドレスの入力は不要です。

TwitterやFacebookのアカウントでログインしてコメント投稿を行うと、各サービスで設定しているプロフィールアイコンを表示することができます。

本来は、ブログにコメント投稿するためにメールアドレスの入力必須に設定してある場合、面倒なメアド手入力不要でコメントするための機能です。
当ブログでは、メアド不要でコメント可能なため、アイコンを表示するための機能と考えていただければいいかと思います。

コメントは、ブログのみに表示されます。Twitterなどへの同時投稿は行われません。

表示例

名前からプロフィールページにリンクされます

管理画面

このように自動入力されます

上の画像のメールアドレスは実際のものです。Twitterの場合のみ、登録メアドの代わりにこのように入力されるようです。
Twitter以外、Google+やFacebookなどは、各サービスの登録メアドになるようです。


styleswitcher.js

当ブログで使用しているstyleswitcher.jsについて。

JavaScriptを有効にすると、ページ右上の「スタイル選択」で、スタイルシートの切り替えができます。(PC用ページのみ
↓のリンククリックでも切り替えできます。

Monofluid
フルイドレイアウトもどき。ブラウザ表示面積に合わせて、コンテンツの表示サイズが可変。画像も本来のサイズで表示可能。
右上の「メニュー開閉」でヘッダ画像とメニューが入れ替わります。(Javascript不要)
「文字色背景色反転」は見やすい方を選択してください。(Javascript不要)

La planète bleue
飽きたら背景画像や名前を変えるかもだけど、青色ベースは固定の予定。
ウォパル海岸イメージです。右上の「昼夜切り換え」で、夜っぽくなります。

White Summit
凍土イメージ。ベースカラーは黒。こちらも、背景画像や名前は飽きたら変えるかも。
右上の「Snowfall」で雪が降ります。

La lune blanche
コンパクトなので流し読みに最適かも?
右上の「文字サイズ変更」は読みやすい方を選んでください。

お好みのデザインを選択してください。
選択したデザインを、クッキーに保存することができます。
ブラウザ標準機能の代替スタイルシートとは違い、ページ移動しても選択したデザインを維持できます。

実用性皆無、管理人だけが楽しい自己満足お遊び機能です。
そのときの気分や、内容との相性(見やすさ読みやすさ)などで、適当に切り替えまくって閲覧してください。


ブログ記事内の画像に、Lightbox Plusを使用しています。(PC用表示での閲覧時のみ

JavaScriptを有効にして対象の画像へのリンク(テキストまたは縮小画像)をクリックすると、ウィンドウより大きいサイズの画像がウィンドウぴったりサイズで表示されます。

ウィンドウサイズに合わせる
画像か画像の外側をクリックして閉じる事ができます。

画像本来のサイズで表示
マウスドラッグで移動、マウスホイールで拡大・縮小可能
画像外クリックか、画像ダブルクリックで閉じる事ができます。

クリックで前後の画像へ移動

2014.4.16
本体スクリプトを、OhYeah! – 日々発見!!様の改良版に変更。

本家版と同じように、拡大画像上での拡大/縮小ができるように再改造。
拡大画像にマウスオン時と、拡大画像クリック時のカーソルを再変更。


PhotoSwipe

ブログ記事内の画像に、PhotoSwipeを使用しています。(スマホ&タブレット用表示での閲覧時のみ
(Free jQuery様の、jQuery版を使用。PhotoSwipeをLightboxのように簡単設置できるjQuery無料配布 | Free jQuery

記事内の画像をタップしたとき、ポップアップ表示されます。
タッチジェスチャー対応で、Twitter公式アプリと似たような感じで操作できます。

タッチジェスチャー

左または右にスワイプで画像切り替え

ダブルタップで拡大/縮小
ピンチアウト(Spread)で拡大
拡大した画像をドラッグして動かせる
拡大した画像をピンチイン(Pinch)で縮小

ピンチイン(Pinch)で終了
上または下にスワイプで終了

全画面表示ボタンは環境によって表示されたりされなかったりするらしい
環境によってはデバイスを横向きにすると全画面表示になるらしい


Shadowbox.js

ブログ記事内への動画埋め込みに、Shadowbox.jsを使用しています。
JavaScriptを有効にしてサムネイルをクリックすると、その場にポップアップ表示します。
ブラウザの表示サイズを広げることにより、最大1280 x 720pxで表示できます。

携帯端末など、Shadowbox.js非対応環境で閲覧している場合は、サムネイル下の(YouTubeで観る)リンクから、YouTubeに移動してご覧になってください。


記事URL

記事のURLは変更する場合があります。(なるべく変えないようにはします。)

わかる人用の説明