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

U-BOX/うさぎの小箱

.

スポンサーサイト

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

  1. --.--.--(--) _--:--:--
  2. スポンサー広告
  3. [ 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. 2015.05.15(金) _23:31:00
  2. blog_type
  3.  トラックバック:0
  4.  コメント:7
  5. [ 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. 2015.04.15(水) _13:16:16
  2. blog_type
  3.  トラックバック:0
  4.  コメント:0
  5. [ 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. 2015.03.16(月) _00:25:51
  2. site_type
  3.  トラックバック:0
  4.  コメント:2
  5. [ 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. 2015.02.14(土) _11:50:26
  2. -
  3.  トラックバック:0
  4.  コメント:0
  5. [ 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. 2015.02.08(日) _21:39:24
  2. blog_type
  3.  トラックバック:0
  4.  コメント:0
  5. [ 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. 2015.01.17(土) _15:03:22
  2. blog_type
  3.  トラックバック:0
  4.  コメント:0
  5. [ 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. 2015.01.13(火) _23:59:47
  2. blog_type
  3.  トラックバック:0
  4.  コメント:0
  5. [ 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. 2015.01.09(金) _20:36:07
  2. blog_type
  3.  トラックバック:0
  4.  コメント:0
  5. [ 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. 2015.01.05(月) _04:00:12
  2. blog_type
  3.  トラックバック:0
  4.  コメント:2
  5. [ 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





  1. 2015.01.02(金) _20:42:20
  2. blog_type
  3.  トラックバック:0
  4.  コメント:4
  5. [ edit ]

NEW ENTRY  | BLOG TOP |  OLD ENTRY>>




PAGE
TOP

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