プロフィール

FC2BLOGカスタマイザー

FC2BLOGカスタマイザー

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

カテゴリ
全記事表示リンク

全ての記事を表示する

検索フォーム


最新記事
ユーザータグランキング
最新コメント
<>+-

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

slideshow テンプレートイメージ


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

◎プラグインや最上部のメニューについては、次の記事に説明があります。
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, // １枚毎の画像停止時間
slides : [
{ image : '画像URL' } // 画像の追加・削除はここ


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

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

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

■プラグインについて
プラグイン１は、最上部のメニューバーに配置され、マウスオーバーで展開するメガメニューになってます。
メガメニューを増やす場合は<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

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


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


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

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


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

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

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

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

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

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

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

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

例）<p &align>　→　<p>

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

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

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

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

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

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

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

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