• 2017_04
  • <<
  • 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
  • >>
  • 2017_06

U-BOX/うさぎの小箱

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

スポンサーサイト

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


v59neko

  1. 2015/05/15(金) 23:31:00_
  2. blog_type
  3. _ tb:0
  4. _ comment: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. _ tb:0
  4. _ comment: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. _ tb:0
  4. _ comment: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. _ tb:0
  4. _ comment: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. _ tb:0
  4. _ comment: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. _ tb:0
  4. _ comment: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. _ tb:0
  4. _ comment: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. _ tb:0
  4. _ comment: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. _ tb:0
  4. _ comment: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. _ tb:0
  4. _ comment: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>>

プロフィール

usagi

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

information

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

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

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

カレンダー

04 | 2017/05 | 06
- 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 - - -

ユーザータグ

* 

« 2017 05  »
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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。