U-BOX/うさぎの小箱

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 )

カラム幅を超える画像は縮小表示されます。

スポンサーサイト

04/
15

v58wall

v58wall_公開(4/15申請,4/16承認)

PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)

03/
16

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 )

カラム幅を超える画像は縮小表示されます。

02/
14

サイドメニュのアコーディオン表示切り替え

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を無効にすることでメニュは表示状態になります。

他は、ページトップボタン用のスクリプトです。これを削除すると、ページトップボタンが無効になります。

削除する前に複製し、アレコレ試してみて下さい。

02/
08

v57tiruhana

v57tiruhana_公開(2/8申請,2/16承認)

PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)

01/
17

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）使用

01/
13

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）使用

01/
09

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）使用

01/
05

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）使用

01/
02

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