ブログカスタマイズのカテゴリ記事一覧

自分用のナレッジベース。 AccessやExcelのVBA、VB.NET、VBScript、PHPなどのサンプルプログラム、ORACLEやSQL Server、オープンソース系のシステムやフリーソフトに関する情報、iPhone、Androidスマホ便利情報など役立つ情報などを覚書しておくためのブログ。

ブログカスタマイズのカテゴリ記事一覧。自分用のナレッジベース。 AccessやExcelのVBA、VB.NET、VBScript、PHPなどのサンプルプログラム、ORACLEやSQL Server、オープンソース系のシステムやフリーソフトに関する情報、iPhone、Androidスマホ便利情報など役立つ情報などを覚書しておくためのブログ。

ブログカスタマイズ
Youtube動画やGoogle Mapなどのiframeでブログの記事に埋め込んだ地図や画像、動画をスマホやタブレットなど様々な画面サイズに合わせてレスポンシブ対応にする方法についての覚書です。 以前記事にした「FC2ブログカスタマイズ:YoutubeやGoogle Mapなどのiframeで埋め込んだオブジェクトをスマホ画面サイズに合わせてサイズを変更する(レスポンシブ)方法」の改訂版で、きちんと画像や動画の縦横比に合わせてレスポンシブ対応さ...

記事を読む

ブログカスタマイズ
レスポンシブ対応しつつ、ダブルタップで全画面表示、左右のスワイプで画像スライドなどタッチ操作が可能でYoutubeなどの動画も扱えるフリーコンテンツスライダー「Galleria」をFC2ブログに導入する方法について覚書。 複数の画像を表示する記事などを書くことが多い方には画像の見せ方をクールにできるし、何よりレスポンシブ対応、タッチ操作対応という点でオススメです。 コンテンツスライダー「Galleria」をFC2ブログに...

記事を読む

ブログカスタマイズ
FC2ブログにGoogle MapやYoutubeの動画などの埋め込みオブジェクト(iframe)がブログをスマホで見た時に画面からはみ出す問題についての対処方法を覚書 別のブログでよくGoogle MapとYoutubeの動画を記事内に埋め込んでたりするのですが、スマホでブログを見た時に埋め込んだオブジェクトがスマホの画面に入りきらずに横が切れるというか、はみ出してしまいます。 見た目的にあまりよろしくないので、スマホでブログを見た時...

記事を読む

ブログカスタマイズ
「Lightbox 2」は、ブログに張り付けた画像がクリックされると、クールなポップアップ画面で表示してくるJavascriptのライブラリを使用した特殊効果。 単にポップアップ表示するだけでなく、複数の画像をグループ化してポップアップしたままスライドショーのように表示することもできる。 「LightBox2」を使用した特殊効果のデモを以下のブログに用意したので実際の動作を確認したい方は以下のブログを参照してください。 ...

記事を読む

ブログカスタマイズ
前回の記事「FC2ブログで「Lightbox 2」を導入する方法 」を基に今度は、「LightWindow」を導入した。 「LightWindow」は、「Lightbox 2」に比べて動画が扱える点や、タイトル以外に画像の説明文などの"Caption"、作者を表示する"Author"などのオプションがあり、「Lightbox 2」より用途が幅広い。 "Caption"に指定した説明文にリンクを含めたり、ポップアップ画面の中にwebサイトそのものを表示することができたりもする。 ...

記事を読む

ブログカスタマイズ
スマホテンプレートの記事一覧左に表示されるアイキャッチ画像は、追記前にある写真かつFC2にアップロードした写真で、複数枚ある場合は、一番上にある写真が使われる。 ということで実験。 プログをスマホで見た場合の各種表示結果を確認するためのサンプルページ とりあえず色々なタグを使って、スマホで見たらどういうふうに見えるかをチェックするためのページなので、特に内容はなし。...

記事を読む

ブログカスタマイズ
プログラムコードなどをきれいにかっこ良く表示させるためのプラグイン「Syntaxhighlighter」で指定できるオプションについて覚書。 このブログでも組み込まれているけれども、だいぶバージョンが古く、Ver 1.5.1を使用している。 最新のバージョンとは指定できるオプションやその指定方法がだいぶ違うので自分用として覚書。...

記事を読む

【改訂版】iframeで埋め込んだ地図や動画をスマホ画面サイズに合わせてサイズを変更する(レスポンシブ)方法 | FC2ブログカスタマイズ

iframeオブジェクトのレスポンシブ対応

Youtube動画やGoogle Mapなどのiframeでブログの記事に埋め込んだ地図や画像、動画をスマホやタブレットなど様々な画面サイズに合わせてレスポンシブ対応にする方法についての覚書です。

以前記事にした「FC2ブログカスタマイズ:YoutubeやGoogle Mapなどのiframeで埋め込んだオブジェクトをスマホ画面サイズに合わせてサイズを変更する(レスポンシブ)方法」の改訂版で、きちんと画像や動画の縦横比に合わせてレスポンシブ対応させる方法です。

» 記事の続きを読む

レスポンシブ、全画面表示、タッチ操作対応、Youtubeなどの動画も扱えるフリーのコンテンツスライダー「Galleria」をFC2ブログに導入する方法 | FC2ブログカスタマイズ

galleria_logo.jpg

レスポンシブ対応しつつ、ダブルタップで全画面表示、左右のスワイプで画像スライドなどタッチ操作が可能でYoutubeなどの動画も扱えるフリーコンテンツスライダー「Galleria」をFC2ブログに導入する方法について覚書。

複数の画像を表示する記事などを書くことが多い方には画像の見せ方をクールにできるし、何よりレスポンシブ対応、タッチ操作対応という点でオススメです。

コンテンツスライダー「Galleria」をFC2ブログに導入する方法と「Galleria」を使用した記事の記述サンプルについての覚書。

» 記事の続きを読む

iframeで埋め込んだオブジェクトをスマホ画面サイズに合わせてサイズを変更する(レスポンシブ)方法 | FC2ブログカスタマイズ

iframeオブジェクトのレスポンシブ対応

FC2ブログにGoogle MapやYoutubeの動画などの埋め込みオブジェクト(iframe)がブログをスマホで見た時に画面からはみ出す問題についての対処方法を覚書

別のブログでよくGoogle MapとYoutubeの動画を記事内に埋め込んでたりするのですが、スマホでブログを見た時に埋め込んだオブジェクトがスマホの画面に入りきらずに横が切れるというか、はみ出してしまいます。

見た目的にあまりよろしくないので、スマホでブログを見た時にはスマホの画面サイズに合わせてサイズを可変させる、いわゆるレスポンシブにする方法を以下に記載します。

» 記事の続きを読む

FC2ブログに画像のポップアップやスライドショー表示ができる「Lightbox2」を設置する方法 | FC2ブログカスタマイズ

LightBox2

「Lightbox 2」は、ブログに張り付けた画像がクリックされると、クールなポップアップ画面で表示してくるJavascriptのライブラリを使用した特殊効果。

単にポップアップ表示するだけでなく、複数の画像をグループ化してポップアップしたままスライドショーのように表示することもできる。

「LightBox2」を使用した特殊効果のデモを以下のブログに用意したので実際の動作を確認したい方は以下のブログを参照してください。

「FC2ブログ特殊効果:LightBox2のデモ」

以下FC2ブログに「Lightbox2」を導入する方法について記載します。

» 記事の続きを読む

FC2ブログで「LightWindow」を使ったサンプル | FC2ブログカスタマイズ



前回の記事「FC2ブログで「Lightbox 2」を導入する方法 」を基に今度は、「LightWindow」を導入した。

「LightWindow」は、「Lightbox 2」に比べて動画が扱える点や、タイトル以外に画像の説明文などの"Caption"、作者を表示する"Author"などのオプションがあり、「Lightbox 2」より用途が幅広い。

"Caption"に指定した説明文にリンクを含めたり、ポップアップ画面の中にwebサイトそのものを表示することができたりもする。 以下、このブログに導入したので表示サンプルをいくつか載せておく。

導入方法については、後日覚書する予定。

» 記事の続きを読む

ブログ画面確認用サンプル記事

スマホテンプレートの記事一覧左に表示されるアイキャッチ画像は、追記前にある写真かつFC2にアップロードした写真で、複数枚ある場合は、一番上にある写真が使われる。

ということで実験。

IMAG0110_w.jpg

V2xxXv7N.jpg
プログをスマホで見た場合の各種表示結果を確認するためのサンプルページ

とりあえず色々なタグを使って、スマホで見たらどういうふうに見えるかをチェックするためのページなので、特に内容はなし。

» 記事の続きを読む

Syntaxhighlighterで指定できるオプション(バージョンは古めの1.5.1が対象)

syntaxHighlighter

プログラムコードなどをきれいにかっこ良く表示させるためのプラグイン「Syntaxhighlighter」で指定できるオプションについて覚書。

このブログでも組み込まれているけれども、だいぶバージョンが古く、Ver 1.5.1を使用している。

最新のバージョンとは指定できるオプションやその指定方法がだいぶ違うので自分用として覚書。

» 記事の続きを読む

Copyright © Excel、Access、VBA、ORACLE、iPhone、Android、その他覚書:My Knowledge Base All Rights Reserved.

テキストや画像等すべての転載転用・商用販売を固く禁じます