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

U-BOX/うさぎの小箱

.

スポンサーサイト

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


v59neko

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

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



スポンサーサイト

v58wall

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

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




s03damask

  1. 2015/03/16(月) 00:25:51|
  2. site_type
  3. | トラックバック:0
  4. | コメント:2
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/02/14(土) 11:50:26|
  2. -
  3. | トラックバック:0
  4. | コメント:0
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を無効にすることでメニュは表示状態になります。

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

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








v57tiruhana

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




v56pinknote

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




v55note

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




v54notebook

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




v53hamon03

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




v52flosty

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




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