U-BOX/うさぎの小箱
FC2ブログのテンプレートを配布しています
v59neko
v59neko_公開(5/15申請,5/18承認)
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL
2カラム。固定幅。950px
記事部分 77%。右サイドバー 23%。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、scrolltopcontrol100-500.js）
( アコーディオンメニュに変更可。)
font-size: ９0% ( 14.4px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL2カラム。固定幅。950px
記事部分 77%。右サイドバー 23%。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、scrolltopcontrol100-500.js）
( アコーディオンメニュに変更可。)
font-size: ９0% ( 14.4px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
スポンサーサイト
v58wall
v58wall_公開(4/15申請,4/16承認)
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL
2カラム。固定幅。950px
記事部分 77%。右サイドバー 23%。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、scrolltopcontrol100-500.js）
( アコーディオンメニュに変更可。)
font-size: ９0% ( 14.4px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL2カラム。固定幅。950px
記事部分 77%。右サイドバー 23%。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、scrolltopcontrol100-500.js）
( アコーディオンメニュに変更可。)
font-size: ９0% ( 14.4px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
s03damask
s03damask_公開(3/16申請,3/17承認)
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
3/21背景画像変更
>>DL
2カラム。ウィンドウ幅100%。
記事部分変動幅 75～54%。サイドバー 固定210px。メニュー表示部230px。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、pagetop300-500.js）
font-size: 80%(body)x130%(.write) ( 16.64px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
3/21背景画像変更
>>DL2カラム。ウィンドウ幅100%。
記事部分変動幅 75～54%。サイドバー 固定210px。メニュー表示部230px。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、pagetop300-500.js）
font-size: 80%(body)x130%(.write) ( 16.64px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
サイドメニュのアコーディオン表示切り替え
U-BOXの一連のテンプレートではサイドメニュがjQueryによるアコーディオン表示になっています。
これは簡単に通常の表示に変えることができます。
テンプレート管理 ＞ ～～のHTML編集 ＞ < head> ～ < /head> に以下のtagがあります。
< script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">< /script>
< script type="text/javascript" src="http://blog-imgs-45.fc2.com/a/o/g/aogaras10box/scrolltopcontrol100-500.js">< /script>
< script type="text/javascript" src="http://blog-imgs-45.fc2.com/a/o/g/aogaras10box/accordion-v45.js">< /script>
赤字部分がアコーディオンに関わる部分です。
これを削除してscriptを無効にすることでメニュは表示状態になります。
他は、ページトップボタン用のスクリプトです。これを削除すると、ページトップボタンが無効になります。
削除する前に複製し、アレコレ試してみて下さい。
これは簡単に通常の表示に変えることができます。
テンプレート管理 ＞ ～～のHTML編集 ＞ < head> ～ < /head> に以下のtagがあります。
< script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">< /script>
< script type="text/javascript" src="http://blog-imgs-45.fc2.com/a/o/g/aogaras10box/scrolltopcontrol100-500.js">< /script>
< script type="text/javascript" src="http://blog-imgs-45.fc2.com/a/o/g/aogaras10box/accordion-v45.js">< /script>
赤字部分がアコーディオンに関わる部分です。
これを削除してscriptを無効にすることでメニュは表示状態になります。
他は、ページトップボタン用のスクリプトです。これを削除すると、ページトップボタンが無効になります。
削除する前に複製し、アレコレ試してみて下さい。
v57tiruhana
v57tiruhana_公開(2/8申請,2/16承認)
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL
2カラム。固定幅。950px
記事部分 77%。右サイドバー 23%。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、scrolltopcontrol100-500.js）
( アコーディオンメニュに変更可。)
font-size: ９0% ( 14.4px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
背景画像に透過flash使用 （ 背景色変更可 ）
flash画像（sakura3.swf）使用
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL2カラム。固定幅。950px
記事部分 77%。右サイドバー 23%。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、scrolltopcontrol100-500.js）
( アコーディオンメニュに変更可。)
font-size: ９0% ( 14.4px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
背景画像に透過flash使用 （ 背景色変更可 ）
flash画像（sakura3.swf）使用
v56pinknote
v56pinknote_公開(1/1７申請,1/19承認)
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL
2カラム。固定幅。900px
記事部分 60%。右サイドバー 39%。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、scrolltopcontrol100-500.js）
アコーディオンメニュ。
font-size: 80% ( 12.8px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
背景画像に透過flash使用 （ 背景色変更可 ）
flash画像（welcome01_3.swf）使用
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL2カラム。固定幅。900px
記事部分 60%。右サイドバー 39%。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、scrolltopcontrol100-500.js）
アコーディオンメニュ。
font-size: 80% ( 12.8px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
背景画像に透過flash使用 （ 背景色変更可 ）
flash画像（welcome01_3.swf）使用
v55note
v55note_公開(1/13申請,1/16承認)
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL
2カラム。固定幅。900px
記事部分 60%。右サイドバー 39%。
jQuery 1.4.2/jquery.min.js （scrolltopcontrol100-500.js）
アコーディオンメニュに切り替え可。
font-size: 80% ( 12.8px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
背景画像に透過flash使用 （ 背景色変更自由 ）
flash画像（welcome01_2.swf）使用
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL2カラム。固定幅。900px
記事部分 60%。右サイドバー 39%。
jQuery 1.4.2/jquery.min.js （scrolltopcontrol100-500.js）
アコーディオンメニュに切り替え可。
font-size: 80% ( 12.8px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
背景画像に透過flash使用 （ 背景色変更自由 ）
flash画像（welcome01_2.swf）使用
v54notebook
v54notebook_公開(1/9申請,1/16承認)
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL
2カラム。変動幅。ウィンドウ幅の95%。max-width: 1500px
記事部分 67%。サイドバー 23%。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、scrolltopcontrol100-500.js）
font-size: 90% ( 14.4px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
背景画像に透過flash使用 （ 背景色変更自由 ）
flash画像（welcome01.swf）使用
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL2カラム。変動幅。ウィンドウ幅の95%。max-width: 1500px
記事部分 67%。サイドバー 23%。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、scrolltopcontrol100-500.js）
font-size: 90% ( 14.4px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
背景画像に透過flash使用 （ 背景色変更自由 ）
flash画像（welcome01.swf）使用
v53hamon03
v53hamon03_公開(1/5申請,1/6承認)
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL
2カラム。変動幅。ウィンドウ幅の95%。max-width: 1380px
記事部分 67%。サイドバー 23%。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、scrolltopcontrol100-500.js）
font-size: 90% ( 14.4px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
背景画像に透過flash使用 （ 背景色変更自由 ）
flash画像（hamon03_2.swf）使用
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL2カラム。変動幅。ウィンドウ幅の95%。max-width: 1380px
記事部分 67%。サイドバー 23%。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、scrolltopcontrol100-500.js）
font-size: 90% ( 14.4px) (winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
背景画像に透過flash使用 （ 背景色変更自由 ）
flash画像（hamon03_2.swf）使用
v52flosty
v52flosty_公開(1/2申請,1/6承認)
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL
2カラム。変動幅。ウィンドウ幅の95%。
記事部分 67%。サイドバー 23%。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、scrolltopcontrol100-500.js）
font-size: 90% ( 14.4px)(winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
Photo by IM FREE
PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL2カラム。変動幅。ウィンドウ幅の95%。
記事部分 67%。サイドバー 23%。
jQuery 1.4.2/jquery.min.js （accordion-v45.js、scrolltopcontrol100-500.js）
font-size: 90% ( 14.4px)(winデフォルト16px )
カラム幅を超える画像は縮小表示されます。
Photo by IM FREE
