プロフィール

FC2BLOGカスタマイザー

FC2BLOGカスタマイザー

FC2ブログ十数件、アメブロ数件、Yahoo!ストア、Yahoo!オークションストア、カラーミーショップ、ビジネスサイト数件、趣味サイト数件を現在仕事とプライベートで管理・運営中。過去には他のASPやCMSもいろいろ。

全記事表示リンク
検索フォーム
ユーザータグランキング
最新コメント
<>+-

FC2ブログ共有テンプレート説明 slideshow

slideshow テンプレートイメージ


このテンプレートは、プラグイン1・2・3に対応しています。
背景はスライドショーになっています。

◎プラグインや最上部のメニューについては、次の記事に説明があります。
FC2ブログ共有テンプレート説明 moon_tree


※最上部メニューバーの上に隙間がある方
最上部のメニューバーの上にFC2検索バー用のスペースを設けています。
検索バーを表示しない設定にしている方は、cssの最上部メニュー.MegaMenuの中にあるtop:27pxをtop:0に変更してください。


◎背景スライドショー説明
random : 1, // ランダム 0:オフ 1:オン
transition : 1, // 0:単純画像切替 1:フェード 2~7:移動 8:ページ更新毎に切り替え
transition_speed : 1000, // 画像間の切替時間
slide_interval : 3000, // 1枚毎の画像停止時間
slides : [
{ image : '画像URL' } // 画像の追加・削除はここ


あと、一応いろいろなケースを想定してCSSを設定し、IE8・IE9・GoogleChrome・FireFoxで確認してますが、それでも見落としがあるかも知れません。表示崩れ等の不具合がありましたら、テンプレートを修正しますので、「FC2ブログ共有テンプレート作ってみた。スライドショー」のコメントにてお知らせ頂けると幸いです。 にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ
CATEGORY:FC2BLOG自作テンプレート
TAGS:
THEME:インターネットサービス | GENRE:コンピュータ

FC2ブログ共有テンプレート説明 oirase

oirase テンプレートイメージ


■背景動画の設定
<body>のすぐ下の<a>タグの中にあります。
・videoURL:YouTube動画のURL
・opacity:0.1~1 (透過値)
・mute: true または false (ミュートのon/off)
・showControls: true または false (コントロールパネル表示/非表示)
・loop: true または false (ループのon/off)

■最上部のメニューについては、次の記事に説明があります。
FC2ブログ共有テンプレート説明 moon_tree

あと、一応いろいろなケースを想定してCSSを設定し、IE8・IE9・GoogleChrome・FireFoxで確認してますが、それでも見落としがあるかも知れません。表示崩れ等の不具合がありましたら、テンプレートを修正しますので、「FC2ブログ共有テンプレート作ってみた。奥入瀬」のコメントにてお知らせ頂けると幸いです。 にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ
CATEGORY:FC2BLOG自作テンプレート
TAGS:
THEME:インターネットサービス | GENRE:コンピュータ

FC2ブログ共有テンプレート説明 moon_tree

moon_tree テンプレートイメージ
moon_tree_image.jpg

■プラグインについて
プラグイン1は、最上部のメニューバーに配置され、マウスオーバーで展開するメガメニューになってます。
メガメニューを増やす場合は<div class="MegaMenu">内に次のタグを追加してください。
<a class="MegaMenuLink" href="javascript:void(0)">メニュー名</a>
<div class="MegaMenuContent">ここにメニューの中身</div>

デフォルトでは「HOME」の部分だけが通常のリンクになってます。
リンクを増やす場合は<div class="MegaMenu">内に次のリンクタグを追加してください。
<a class="MegaMenuLinkOff" href="URL">リンク名</a>

メガメニューのもっと詳しい使い方 ⇒ jQuery Mega Menu

プラグイン2・3は下部に配置しています。
プラグイン2が有効幅180px、プラグイン3が有効幅540pxと大きさが違いますので、お好みでプラグインを振り分けてください。


上部にFC2ブログの検索バーがあると月の位置が若干変わります。
検索バーを表示しない事を想定したレイアウトなので、必要が無ければ「環境設定」→「ブログの設定」→「検索バーの利用」のところで「利用しない」にしてください。


※既知の問題
メニューの中身によっては正常に表示されない事がある。
ユーザータグのプラグインで、タグ部分の日本語だけがなぜか文字化けする。

問題がある場合は下部のプラグイン2・3など、他の場所を利用してください。


あと、一応いろいろなケースを想定してCSSを設定し、IE8・IE9・GoogleChrome・FireFoxで確認してますが、それでも見落としがあるかも知れません。表示崩れ等の不具合がありましたら、テンプレートを修正しますので、「FC2ブログ共有テンプレート作ってみた。月と木」のコメントにてお知らせ頂けると幸いです。 にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ
CATEGORY:FC2BLOG自作テンプレート
TAGS:
THEME:インターネットサービス | GENRE:コンピュータ

FC2ブログ共有テンプレート説明 torn_paper

torn_paper テンプレートイメージ
wanted_image.jpg

背景の紙はリピート画像になっています。
中央の破れた部分は独立してるので、背景画像だけ変える事ができます。、
background-imageではなくbackground-colorでビビッドなベタ色にしても、また違った雰囲気になります。
背景を変えて文字が見にくい場合は、文字色を適度に調整してください。

wanted_image.jpg

サイド部分はデザイン的に中央揃えにしていますが、中央揃えにならない場合は、各プラグイン編集の「プラグインの改造 【HTMLの編集】を行います。(上級者向け)」をクリックし、表示されるHTMLの中から「&align」を削除してください。これは左・右・中央揃えを定義するfc2の独自変数で、CSSよりも優先されます。

例)<p &align> → <p>

あと、一応いろいろなケースを想定してCSSを設定し、IE8・IE9・GoogleChrome・FireFoxで確認してますが、それでも見落としがあるかも知れません。表示崩れ等の不具合がありましたら、テンプレートを修正しますので、「FC2ブログ共有テンプレート作ってみた。破れた紙風」のコメントにてお知らせ頂けると幸いです。 にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ
CATEGORY:FC2BLOG自作テンプレート
TAGS:
THEME:インターネットサービス | GENRE:コンピュータ

FC2ブログ共有テンプレート説明 wanted

wanted テンプレートイメージ
wanted_image.jpg

プラグイン3は、画像付きプロフィール専用になっていて、トップページでは中央に大きく、トップ以外のページでは、右サイドに表示するようになっています。

プロフィールに顔写真やイラスト、ペットの写真なんかを設定している人におすすめです。

これを利用する場合は、プラグインのプロフィールをプラグイン3に移動してください。
プラグイン3はこれしか機能しませんので、残りのプラグインはプラグイン1(左サイド)かプラグイン2(右サイド)に振り分けてください。

これを利用せずに通常のプロフィールを使う場合は、HTMLの次の2箇所を削除し、プラグイン1か2にプロフィールを設置してください。
<!--▽プラグイン3・画像プロフィール・トップページ用▽-->から
<!--△プラグイン3・画像プロフィール・トップページ用△-->まで
<!--▼プラグイン3・画像プロフィール・トップページ以外▼-->から
<!--▲プラグイン3・画像プロフィール・トップページ以外▲-->まで

サイド部分はデザイン的に中央揃えにしていますが、中央揃えにならない場合は、各プラグイン編集の「プラグインの改造 【HTMLの編集】を行います。(上級者向け)」をクリックし、表示されるHTMLの中から「&align」を削除してください。これは左・右・中央揃えを定義するfc2の独自変数で、CSSよりも優先されます。

例)<p &align> → <p>

サイドメニュータイトル文字などのぼかし影を取り除く場合は、HTMLかCSSまたは両方の「shadow」というclassを削除してください。

あと、一応いろいろなケースを想定してCSSを設定し、IE8・IE9・GoogleChrome・FireFoxで確認してますが、それでも見落としがあるかも知れません。表示崩れ等の不具合がありましたら、テンプレートを修正しますので、「FC2ブログ共有テンプレート作ってみた。WANTED張り紙風」のコメントにてお知らせ頂けると幸いです。 にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ
CATEGORY:FC2BLOG自作テンプレート
TAGS:
THEME:インターネットサービス | GENRE:コンピュータ
テンプレート
テンプレートに関する質問は、このブログでは受けつけておりません。複数のサイトやブログを運営しており、メインブログ以外はコメントに気がつかない事が多いからです。質問がある方は下記から、それぞれのテンプレートのリンクをクリックし、そちら(メインブログ)で質問をお願いします。
▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼

sightseeingに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。スライドショー

moon_treeに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。奥入瀬

moon_treeに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。月と木

torn_paperに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。破れた紙風

wantedに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。WANTED張り紙風

glass_boardシリーズに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。glass_boardシリーズ
アクセスランキング
[ジャンルランキング]
コンピュータ 312位
[サブジャンルランキング]
Webサイト作成 18位