U-BOX/うさぎの小箱

FC2ブログのテンプレートを配布しています

  1. スポンサー広告
  2. [ edit ]

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


  1. blog_type
  2. tb: 0
  3. cm: 7
  4. [ edit ]

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: 90% ( 14.4px) (winデフォルト16px )

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



スポンサーサイト

  1. blog_type
  2. tb: 0
  3. cm: 0
  4. [ edit ]

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: 90% ( 14.4px) (winデフォルト16px )

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




  1. site_type
  2. tb: 0
  3. cm: 2
  4. [ edit ]

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 )

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



  1. -
  2. tb: 0
  3. cm: 0
  4. [ edit ]

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

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

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

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








  1. blog_type
  2. tb: 0
  3. cm: 0
  4. [ edit ]

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: 90% ( 14.4px) (winデフォルト16px )

カラム幅を超える画像は縮小表示されます。
背景画像に透過flash使用 ( 背景色変更可 )

flash画像(sakura3.swf)使用




  1. blog_type
  2. tb: 0
  3. cm: 0
  4. [ edit ]

v56pinknote

v56pinknote_公開(1/17申請,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)使用




  1. blog_type
  2. tb: 0
  3. cm: 0
  4. [ edit ]

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




  1. blog_type
  2. tb: 0
  3. cm: 0
  4. [ edit ]

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




  1. blog_type
  2. tb: 0
  3. cm: 2
  4. [ edit ]

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




  1. blog_type
  2. tb: 0
  3. cm: 4
  4. [ edit ]

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







NEW ENTRY  | BLOG TOP |  OLD ENTRY>>

プロフィール

usagi

Author:usagi
FC2ブログへようこそ!

information

2015.2.8_23:12
管理人のみ閲覧のコメントを下さるみなさまへ

管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。

お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。

カレンダー

07 | 2016/08 | 09
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -

ユーザータグ

* 

検索フォーム


QRコード

QR

« 2016 08  »
SUN MON TUE WED THU FRI SAT
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。