【終了】スキンスイッチャースタッフブログ

現在、公開されているスキンスイッチャーシリーズはありません。削除されたようです。
過去に設定してる場合利用できますが、CSS編集も無効になったようです。

スイッチャー.05 のサイドバーは右の細いバー

を押すと表示されます。
そのバーの表示位置をフリープラグインを使用することで変更が可能です。
また、左表示の場合のみスライド式に変更が可能です。
追加するタグは以下のようになります。
是非、お試しください。

| 表示位置=右、スライドしない
初期状態はこの設定になります。このままでよい場合は、追加する必要はありません。

| 表示位置=左、スライドしない
<script type="text/javascript">

</script>

| 表示位置=右、スライドする
<script type="text/javascript">

</script>

-----
| 手順
1. プラグイン追加画面を表示
　※既にフリープラグインを使用している場合は、サイドバー設定画面からフリープラグインの編集を行う
2. セレクトボックスの「フリープラグイン」を選択
3. 必要なタグを入力して追加ボタンを押す
4. サイドバー配置画面でフリープラグインを使用する機能に追加

-----
| おまけ
スライドしない状態の場合のみ、バー

を右クリックすると…？

> ご意見・ご要望はこちらへ
> 疑問・質問はこちらへ
> 不具合報告はこちらへ

スキンスイッチャーの基本機能

スキンスイッチャーは、ブログ閲覧者の好みにあわせて表示を切り替えるスキンです。
ヘッダー部分に存在する以下のアイコンを押すと、デザインが切り替わります。

言語を変更します [L] >詳しい説明へ

文字サイズを拡大します [U]

文字サイズを縮小します [D] >詳しい説明へ

ゴシック体・明朝体を切り替えます [F] >詳しい説明へ

背景を変更します [B] >詳しい説明へ

横幅固定・可変を切り替えます [W](スイッチャｰ.02のみ)

サイドバーの配置を変更します [S](スイッチャｰ.02のみ)

現在の画面デザインをクッキーに保存します [C]

画面デザインを初期状態に戻します [R]

印刷ウィンドウを起動します [P]

| アクセスキーの設定
各アイコンの[?]内のアルファベットを設定しています。
(アイコンにフォーカスすると、説明が出ます。)
Windows は Alt キー、Macintosh は Control キーを同時に押して利用します。
※OperaはShift + Esc + [accesskey] で利用可能です。
※IEでは、Alt + [accesskey] を押した後、Enterを押す必要があります。

| CSS編集許可
基本、CSS編集を許可しています。
※サイドバーの配置変動、横幅可変ができるスイッチャｰ.02ではCSS編集入力フィールドにある配置用CSSの記述は削除して下さい。
削除していないと配置変動、横幅可変が正常に動作しません。
↓以下のCSS部分を削除して下さい。
/* -- CSS編集する場合は削除して下さい START --*/
～
/* -- // CSS編集する場合は削除して下さい END --*/

| スイッチャー.01
上記の機能が使用できます。

| スイッチャー.02
サイドバーの開閉ができます。初期状態のサイドバーは開いています。

| スイッチャー.03
2009年02月、公開終了。

| スイッチャー.04
1コラムスキンになります。
サイドバーの開閉ができます。初期状態のサイドバーは閉じています。
左サイドバー枠が記事より上に、右サイドバー欄が記事より下に表示されます。
サイドバーの配置編集画面で、広告スペース・アメーバブログ広告・RSS・プラグイン欄・フリースペースを右にし、それ以外のサイドバーを左にすることを推奨します。

| スイッチャー.05
1コラムで左サイドバーが開閉するスキンになります。
サイドバーの開閉ができます。初期状態のサイドバーは閉じています。
右サイドバー欄が記事より下に表示されます。
サイドバーの配置編集画面で、広告スペース・アメーバブログ広告・RSS・プラグイン欄・フリースペースを右にし、それ以外のサイドバーを左にすることを推奨します。

> ご意見・ご要望はこちらへ
> 疑問・質問はこちらへ
> 不具合報告はこちらへ

言語選択機能

言語選択と云っても、以下のクラス名を指定しているspanタグのクラス名を切り替える機能になります。

1 -> 2 -> 3 の3パターンの順で切り替ります。
langMain -> langMainOff -> langMain
langSubOff -> langSub -> langSub

記事本文で以下のようなタグを入れると、その部分の表示が切り替ります。
<span class="langMain">日本語</span>
<span class="langSubOff">English</span>

> 基本機能の説明へ

| サンプル

←をクリックしてみてください。下の表示が切り替ります。

日本語English

> ご意見・ご要望はこちらへ
> 疑問・質問はこちらへ
> 不具合報告はこちらへ

文字サイズ変動機能

BODYタグに設定されているクラス名( 初期値：fontDefault )を切り替え、フォントサイズを変更する機能になります。
<body id="mainIndex" class="bgMain fcMain ffMain fontDefault">

※サイドバー内、記事本文で文字サイズを指定した部分、CSSで文字サイズを指定した部分は切り替りません。

CSSは以下のように設定されています。
.fontSmaller{font-size: 9px;line-height:1.50;}
.fontSmall {font-size:10px;line-height:1.50;}
.fontDefault{font-size:12px;line-height:1.50;}
.fontLarge {font-size:14px;line-height:1.50;}
.fontLarger {font-size:20px;line-height:1.50;}

> 基本機能の説明へ

| サンプル

←をクリックしてみてください。全文字のサイズが切り替ります。

アメーバブログ Ameba Blog あいうえお 1234567890

> ご意見・ご要望はこちらへ
> 疑問・質問はこちらへ
> 不具合報告はこちらへ

書体変動機能

BODYタグに設定されているクラス名( fcMain <- -> fcSub )を切り替え、書体を変更する機能になります。
<body id="mainIndex" class="bgMain fcMain ffMain fontDefault">

CSSは以下のように設定されています。
.fcMain{font-family:"ＭＳＰゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif !important;}
.fcSub {font-family:"ＭＳＰ明朝", "細明朝体", "平成明朝", Century, Courier, serif !important;}

> 基本機能の説明へ

| サンプル

←をクリックしてみてください。全文字の書体が切り替ります。

アメーバブログ Ameba Blog あいうえお 1234567890

> ご意見・ご要望はこちらへ
> 疑問・質問はこちらへ
> 不具合報告はこちらへ

背景変動機能

BODYタグに設定されているクラス名( 初期値：bgMain )を切り替え、背景色・デザインを変更する機能になります。
<body id="mainIndex" class="bgMain fcMain ffMain fontDefault">
現在、2色(白黒)変動と8色(初期カラー+7色)変動するスキンがあります。

| 2色(白黒)変動スキン

.bgMain{background-color:#ffffff;}
.bgSub{background-color:#000000;}

| 8色(初期カラー+7色)変動スキン

.bgMain{background:url(http://stat.ameba.jp/p_skin/sss_02_sevencolors/img/bg_0.jpg) repeat-x bottom;}
.bgsc1{background:url(http://stat.ameba.jp/p_skin/sss_02_sevencolors/img/bg_1.jpg) repeat-x bottom;}
.bgsc2{background:url(http://stat.ameba.jp/p_skin/sss_02_sevencolors/img/bg_2.jpg) repeat-x bottom;}
.bgsc3{background:url(http://stat.ameba.jp/p_skin/sss_02_sevencolors/img/bg_3.jpg) repeat-x bottom;}
.bgsc4{background:url(http://stat.ameba.jp/p_skin/sss_02_sevencolors/img/bg_4.jpg) repeat-x bottom;}
.bgsc5{background:url(http://stat.ameba.jp/p_skin/sss_02_sevencolors/img/bg_5.jpg) repeat-x bottom;}
.bgsc6{background:url(http://stat.ameba.jp/p_skin/sss_02_sevencolors/img/bg_6.jpg) repeat-x bottom;}
.bgsc7{background:url(http://stat.ameba.jp/p_skin/sss_02_sevencolors/img/bg_7.jpg) repeat-x bottom;}

> 基本機能の説明へ

| サンプル

←をクリックしてみてください。背景色やデザインが変わります。

> ご意見・ご要望はこちらへ
> 疑問・質問はこちらへ
> 不具合報告はこちらへ

スキンスイッチャーへのご意見・ご要望はこちら

スキンスイッチャーへのご意見・ご要望はこの記事へコメント下さい。
よろしくお願い申し上げます。

> 疑問・質問はこちらへ

> 不具合報告はこちらへ

スキンスイッチャーに対する疑問・質問はこちら

スキンスイッチャーに対する疑問・質問はこの記事へコメント下さい。
よろしくお願い申し上げます。

> 疑問・質問はこちらへ

> 不具合報告はこちらへ

スキンスイッチャーの不具合報告はこちら

スキンスイッチャーの不具合報告はこの記事へコメント下さい。
よろしくお願い申し上げます。

> ご意見・ご要望はこちらへ

> 疑問・質問はこちらへ

ご利用のOS：
ご利用のブラウザ：
不具合を確認できるURL：
不具合内容：

| 例
ご利用のOS：Windows XP
ご利用のブラウザ：IE6 SP1
不具合を確認できるURL：http://ameblo.jp/switcher/
不具合内容：

【終了】スキンスイッチャースタッフブログ

スキンスイッチャー[Ameba labs]に関するお知らせ・情報

スイッチャー.05 のカスタマイズ

スキンスイッチャーの基本機能

言語選択機能

文字サイズ変動機能

書体変動機能

背景変動機能

スキンスイッチャーへのご意見・ご要望はこちら

スキンスイッチャーに対する疑問・質問はこちら

スキンスイッチャーの不具合報告はこちら