U-BOX/うさぎの小箱

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


スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告

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. 2015/05/15(金) 23:31:00|
  2. blog_type
  3. | トラックバック:0
  4. | コメント:7

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. 2015/04/15(水) 13:16:16|
  2. blog_type
  3. | トラックバック:0
  4. | コメント:0

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. 2015/03/16(月) 00:25:51|
  2. site_type
  3. | トラックバック:0
  4. | コメント:2

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

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. 2015/02/14(土) 11:50:26|
  2. -
  3. | トラックバック:0
  4. | コメント:0

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. 2015/02/08(日) 21:39:24|
  2. blog_type
  3. | トラックバック:0
  4. | コメント:0

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. 2015/01/17(土) 15:03:22|
  2. blog_type
  3. | トラックバック:0
  4. | コメント:0

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. 2015/01/13(火) 23:59:47|
  2. blog_type
  3. | トラックバック:0
  4. | コメント:0

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. 2015/01/09(金) 20:36:07|
  2. blog_type
  3. | トラックバック:0
  4. | コメント:0

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. 2015/01/05(月) 04:00:12|
  2. blog_type
  3. | トラックバック:0
  4. | コメント:2

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




  1. 2015/01/02(金) 20:42:20|
  2. blog_type
  3. | トラックバック:0
  4. | コメント:4

NEW ENTRY  | BLOG TOP |  OLD ENTRY>>

▲PAGE TOP

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